JqueryDatePicker角度指令元素不工作

JqueryDatePicker angular directive element not working

本文关键字：工作 元素 指令 JqueryDatePicker      更新时间：2023-09-26

我有一个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>

你能帮我吗

提前感谢

它看起来像：

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。

相关文章：