1、写一个angular自定义指令Directive(网上找的)
2、以指令方式使用My97DatePicker---- date-picker
/*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
/>