Элемент угловой директивы JqueryDatePicker не работает

Question

У меня есть директива для jquery date pickter. Он работает по методу Атрибут. Но когда я перехожу к элементу, он не работает. Вот мой угловой код директивы

app.directive('jqdatepicker', function() { 
    return { 
     restrict: 'E', 
     //require: 'ngModel', 
     template:'<input type="text" class="cal_datefield">', 
     link: function (scope, element, attrs, ngModelCtrl) { 
      element.datepicker({ 
       dateFormat: 'dd/mm/yy', 
       onSelect: function (date) { 
        scope.date = date; 
        scope.$apply(); 
       } 
      }); 
     } 
    }; 
}); 

Мой Markup имеет

<jqdatepicker></jqdatepicker> 

Можете ли вы помочь мне

Спасибо заранее

Answer 1

Это выглядит примерно так:

app.directive('jqdatepicker', function() { 
     return { 
      restrict: 'E', 
      //require: 'ngModel', 
      replace: true, 
      template:'<input type="text" class="cal_datefield">', 
      link: function (scope, element, attrs, ngModelCtrl) { 
       element.datepicker({ 
        dateFormat: 'dd/mm/yy', 
        onSelect: function (date) { 
         scope.date = date; 
         scope.$apply(); 
        } 
       }); 
      } 
     }; 
    }); 

Вы n чтобы добавить один другой вариант replace.