JqueryDatePicker角度指令元素不起作用

Question

我有一個jQuery日期選擇器的指令。 它適用於Attribute方法。 但是，當我更改為element時，它不起作用。 這是我的角度指令代碼

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

我的標記有

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

您需要添加另一個選項replace 。