我想使用jQuery UI datepicker与AngularJS。
我有一个示例，但我的代码不工作。
样品：
http://www.abequar.net/jquery-ui-datepicker-with-angularjs/
我的代码：
<input id="sDate" name="programStartDate" type="text" datepicker required/>
angular.module('elnApp')
.directive('datepicker',function () {
return {
restrict: 'A',require : 'ngModel',link : function (scope,element,attrs,ngModelCtrl) {
$(function(){
element.datepicker({
dateFormat:'yy-mm-dd',onSelect:function (date) {
ngModelCtrl.$setViewValue(date);
scope.$apply();
}
});
});
}
} });
它显示错误TypeError：Object [object Object]没有方法“datepicker”。
解决方法
我有几乎完全相同的代码，你和我的作品。
你有jQueryUI.js包含在页面中吗？
有一个小提琴here
<input type="text" ng-model="date" jqdatepicker />
<br/>
{{ date }}
var datePicker = angular.module('app',[]);
datePicker.directive('jqdatepicker',function () {
return {
restrict: 'A',require: 'ngModel',link: function (scope,ngModelCtrl) {
element.datepicker({
dateFormat: 'DD,d MM,yy',onSelect: function (date) {
scope.date = date;
scope.$apply();
}
});
}
};
});
您还需要在HTML中的某处使用ng-app =“app”