关于my97Datepicker日期控件与AngularJS的ng-mode赋值问题

最新推荐文章于 2019-06-20 19:27:49 发布

weixin_34177064

最新推荐文章于 2019-06-20 19:27:49 发布

阅读量269

点赞数

文章标签： javascript python ViewUI

原文链接：https://my.oschina.net/u/2434456/blog/602392

版权

2019独角兽企业重金招聘Python工程师标准>>>

鉴于上述情况，我们可以自己定义一个日期指令并利用my97Datepicker的onpicked事件来赋予ng-mode值。

(function(){
    var DateDirectives = angular.module('DateDirectives', []);
    DateDirectives .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);
	                });
	            }
	            //function onpicked(dp){
	            	//$(dp.el).validationEngine('validate');
	            //}
	            function oncleared(){
	            	scope.$apply(function () {
	                    ngModel.$setViewValue("");
	                });
	            }
	            
	            element.bind('click', function () {
	                WdatePicker({
	                    onpicking: onpicking,
	                    oncleared: oncleared,
	                    onpicked: onpicked,
	                    dateFmt: (attr.datefmt || 'yyyy-MM-dd')
	                    //minDate: (scope.minDate || '%y-%M-%d'),
	                })
	            });
	        }
	    };
	});
})();

转载于:https://my.oschina.net/u/2434456/blog/602392