Директива AngularJS для календаря

Question

Я переношу существующий сайт в AngularJS, и у меня возникают проблемы с datepicker Boostraps.

HTML:

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

JS:

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

Я пытался писать директиву, как это, но это не работает.

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() { 
        ... 
       } 
      }); 
     } 
    }; 
}) 

Любые идеи?

Answer 1

Один из ответов на this post работали для меня.

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

});

Answer 2

включают JQuery в проецировании затем

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