AngularJS Direktive für Kalender

Question

Ich migriere eine bestehende Site zu AngularJS und ich habe Probleme mit Boostraps's datepicker.

HTML:

<div id="calendar" class="pull-right"></div> 

JS:

$('#calendar').on('changeDate', function(event) { 
    window.location.href = '/appointments?date=' + event.format(); 
}); 

Ich habe versucht, eine Richtlinie wie diese zu schreiben, aber es funktioniert nicht.

HTML

<div id="calendar" class="pull-right" datepicker></div> 

JS:

.directive('datepicker', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      element.datepicker({ 
       onChangeDate: function() { 
        ... 
       } 
      }); 
     } 
    }; 
}) 

Irgendwelche Ideen?

Answer 1

Eine der Antworten von this post für mich gearbeitet projizieren.

app.directive('datetimez', function() { 
return { 
    restrict: 'A', 
    link: function(scope, element, attrs) { 
     element.datetimepicker({ 
     ... 
     }).on('changeDate', function(e) { 
     ... 
     }); 
    } 
}; 

});

Answer 2

umfassen jquery in Sie dann

.directive('datepicker', function() { 
    return { 
     restrict: 'A', 
     link: function(scope, element, attrs) { 
      $(element).datepicker({ 
       onChangeDate: function() { 
        ... 
       } 
      }); 
     } 
    }; 
})