Question

我有一个jquery日期选择器的指令。它适用于Attribute方法。但是，当我改变元素时它不起作用。这是我的角度指令代码

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。

JqueryDatePicker angular指令元素不起作用

1 个答案: