我想使用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(); } }); }); } } });
解决方法
我有几乎完全相同的代码，你和我的作品。
你有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”
