angularjs中My97DatePicker无法通过$scope.ngModel获取值解决

发布时间：2020-12-17 10:34:52 所属栏目：安全来源：网络整理

导读：1、写一个angular自定义指令Directive（网上找的） /*my97DatePicker指令*/angular.module('activitiModeler').directive('datePicker',function () { return { restrict: 'A',require: 'ngModel',scope: { minDate: '@',},link: function (scope,element,att

1、写一个angular自定义指令Directive（网上找的）

/*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
								   />

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!