Entfernen von Direktive aus Dom mit JQuery

Question

In Internet Explorer, Eingabe Typ = "Datum" funktioniert nicht und Winkelanweisung wird angezeigt, um jqueryUI datetimepicker anzuzeigen.

Aber, in Chrom, werden beide angezeigt, gibt es eine Möglichkeit, die Direktive aus dem Element mit jQuery zu entfernen, so dass, wenn es den Eingabe-Typ Datum erlaubt, die einzige HTML5 Datetime genommen wird?

html:

<input id="date1" type="date" ng-model="date" jqdatepicker/> 
<br/> 
{{ date }} 

javascript:

var datePicker = angular.module('app', []); 

datePicker.directive('jqdatepicker', function() { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function (scope, element, attrs, ngModelCtrl) { 
      element.datepicker({ 
       dateFormat: 'mm/dd/yy', 
       onSelect: function (date) { 
        scope.date = date; 
        scope.$apply(); 
       } 
      }); 
     } 
    }; 
}); 

$(document).ready(function(){ 

$('#date1').removeAttr('jqdatepicker'); 
if ($('#date1')[0].type != 'date') { 

} 
}); 

http://jsfiddle.net/TAeNF/1420/

Answer 1

Ich löste dies bedingt aus der Richtlinie Rückkehr

http://jsfiddle.net/TAeNF/1421/

if ($('#date1')[0].type != 'date') { 
    return { 
     restrict: 'A', 
     require: 'ngModel', 
     link: function (scope, element, attrs, ngModelCtrl) { 
      element.datepicker({ 
       dateFormat: 'mm/dd/yy', 
       onSelect: function (date) { 
        scope.date = date; 
        scope.$apply(); 
       } 
      }); 
     } 
    }; 
    } 
    else 
    return null; 
});