Javascript 自定义指令在angular js中不起作用

我在angular js中为日期选择器使用自定义指令，但这似乎不起作用。包括angular-resource.js

代码：

---

是一把小提琴，但我的代码不起作用。

您忘记了ng app指令告诉页面，哪个模块必须在该模板上工作。

什么不起作用？您是否在链接中设置了断点？控制台中有错误吗？@RGraham当我点击输入类型内部时，datepicker必须显示，但它没有显示，控制台中也没有错误。你的小提琴能用吗？那么，你在angular应用程序中包含jQuery和jQuery UI了吗？@RGraham是的，它们是他们的。在我选择了一些选项之后，我的输入类型又增加了一项内容。或者，您可以说我正在添加html，就像我们在jquery中所做的那样。可能这就是它不起作用的原因我在文档的正文中添加了ng应用程序，但问题是什么？您给出的链接示例运行良好，我认为可能存在一些jquery冲突，这些冲突会阻止datepicker在模板上呈现

var myApp = angular.module('myApp',[
    'ngRoute',
    'myAppControllers',
    'ui.bootstrap',
    'ngSanitize',
]);

myApp.directive('jqdatepicker', function () {
    return {
        restrict: 'A',
        require: 'ngModel',
         link: function (scope, element, attrs, ngModelCtrl) {
            element.datepicker({
                dateFormat: 'DD, d  MM, yy',
                onSelect: function (date) {
                    scope.date = date;
                    scope.$apply();
                }
            });
        }
    };
});


<input type="text" class="form-control datepicker" ng-model="formData[field.name.field_name]" jqdatepicker/>