Javascript JqueryDatePicker角度指令元素不工作

我有一个jquery日期选择器的指令。它适用于属性方法。但当我换成元素时，它就不工作了。这是我的角度指令代码

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

app.directive（'jqdatepicker'，function（）{
返回{
限制：'E'，
//要求：'ngModel'，
模板：“”，
链接：函数（范围、元素、属性、ngModelCtrl）{
元素日期选择器({
日期格式：“日/月/年”，
onSelect：功能（日期）{
scope.date=日期；
作用域：$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();
                  }
              });
          }
      };
  });

app.directive（'jqdatepicker'，function（）{
返回{
限制：'E'，
//要求：'ngModel'，
替换：正确，
模板：“”，
链接：函数（范围、元素、属性、ngModelCtrl）{
元素日期选择器({
日期格式：“日/月/年”，
onSelect：功能（日期）{
scope.date=日期；
作用域：$apply（）；
}
});
}
};
});

您需要添加另一个选项

replace