/*my97DatePicker指令*/ angular.module('activitiModeler').directive('datePicker',function () { return { restrict: 'A',require: 'ngModel',scope: { minDate: '@',},link: function (scope,element,attr,ngModel) { // element.val(ngModel.$viewValue); // function onpicking(dp) { var date = dp.cal.getNewDateStr(); scope.$apply(function () { ngModel.$setViewValue(date); }); } // element.bind('click',function () { WdatePicker({ onpicking: onpicking,dateFmt: 'yyyy-MM-dd HH:mm',minDate: (scope.minDate || '%y-%M-%d %H:&m'),}) }); // } }; });
2、以指令方式使用My97DatePicker---- date-picker
<input type="text" ng-show="hasOptionGroup(myTextModel=='inputDate')" ng-model="myDateModel" ng-class="{'WdateVxi':objDisableTrue==false,'WdateVxi2':objDisableTrue==true}" ng-disabled="myDisableVar" style="height:21px;width:120px;" date-picker />原文链接:https://www.f2er.com/angularjs/147545.html