带有AngularJS的jQuery日期选择器；TypeError:element.datePicker不是函数；
我试图在AngularJS应用程序中使用jQuery datepicker，但收到以下错误消息：带有AngularJS的jQuery日期选择器；TypeError:element.datePicker不是函数；,jquery,angularjs,jquery-ui,datepicker,Jquery,Angularjs,Jquery Ui,Datepicker,我试图在AngularJS应用程序中使用jQuery datepicker，但收到以下错误消息： jQuery datepicker with AngularJS: "TypeError: element.datePicker is not a function" 我使用的是这个答案中的代码： 下面是同一答案中的一把小提琴： 这是我正在使用的完整代码： <html> <head> <script src="/js/angular.min.js">
jQuery datepicker with AngularJS: "TypeError: element.datePicker is not a function"
<html>
<head>
<script src="/js/angular.min.js"></script>
<script src="/lib/jquery/jquery-1.12.0.min.js"></script>
<script src="/lib/jquery/jquery-ui-1.11.4.min.js"></script>
<link rel="stylesheet" type="text/css" href="/lib/jquery/jquery-ui-1.11.4.min.css">
</head>
<body ng-app="app">
<script>
var datePicker = angular.module('app', []);
datePicker.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();
}
});
}
};
});
</script>
<p><input type="text" ng-model="date" jqdatepicker></p>
<p>{{ date }}</p>
</body>
</html>
var datePicker=angular.module（'app'，[]）；
指令（'jqdatepicker'，函数（）{
返回{
限制：“A”，
要求：'ngModel'，
链接：函数（范围、元素、属性、ngModelCtrl）{
元素日期选择器({
日期格式：“日、日、月、年”，
onSelect：功能（日期）{
scope.date=日期；
作用域：$apply（）；
}
});
}
};
});
{{date}}
我到底做错了什么？谢谢大家! 当您在
jQueryjQLitejQueryjQuery$（元素）还要检查jquery ui是否实际存在，是否正确指向bower_组件。您需要按照以下顺序添加JS文件，如下所述
我也面临同样的问题，因为我错过了
bootstrap datetimepicker.js1.4.8