define(['./module'], function (directives) {
'use strict';
directives.directive('inputMask', function ($timeout) {
return {
restrict: 'EA',
require: 'ngModel',
link: function (scope, elm, attrs, ngModel) {
var applyModelEvents = [ "oncomplete", "onKeyUp", "onKeyValidation" ], maskType = "mask";
if (attrs.formatOption) {
var formatOption = scope.$eval(attrs.formatOption);
if (formatOption.parser) {
ngModel.$parsers.push(formatOption.parser);
}
if (formatOption.formatter) {
ngModel.$formatters.push(formatOption.formatter);
}
if (formatOption.isEmpty) {
ngModel.$isEmpty = formatOption.isEmpty;
}
}
var applyModel = function (fun) {
return function () {
(function (args) {
$timeout(function () {
var viewValue = elm.inputmask('unmaskedvalue');
if (viewValue !== ngModel.$viewValue) {
ngModel.$setViewValue(viewValue);
}
if (fun) {
fun.apply(scope, args);
}
});
})(Array.prototype.slice.call(arguments));
};
};
var extendOption = function (option) {
var newOption = angular.extend({}, option);
angular.forEach(applyModelEvents, function (key) {
newOption[key] = applyModel(newOption[key]);
});
return newOption;
};
if (attrs.inputMask) {
maskType = scope.$eval(attrs.inputMask);
}
if (maskType) {
if (angular.isObject(maskType)) {
var maskOption = extendOption(maskType);
$timeout(function () {
elm.inputmask(maskOption);
});
} else {
var maskOption = extendOption(scope.$eval(attrs.maskOption) || {});
$timeout(function () {
elm.inputmask(maskType, maskOption);
});
}
}
elm.bind("blur", function(){
$timeout(function () {
if(attrs.isMask){
}else{
ngModel.$setViewValue(elm.inputmask('unmaskedvalue'));
}
});
});
}
}
});
});
<input class="form-control" id="cardNo" name="cardNo" type="text" ng-model="cardNo" input-mask="cardOption"/>
$scope.cardOption = {
mask: function () {
return ["9999 9999 9999 9999 [999]"];
}};
$scope.dateFormatOption = {
parser: function (viewValue) {
return viewValue ? new Date(viewValue) : undefined;
},
formatter: function (modelValue) {
if (!modelValue) {
return "";
}
var date = new Date(modelValue);
return (date.getFullYear() + "-" + date.getMonth() + "-" + date.getDate()).replace(/\b(\d)\b/g, "0$1");
},
isEmpty: function (modelValue) {
return !modelValue;
}
};
<input type="text" ng-model="test1" input-mask="'y-m-d'" format-option="dateFormatOption"/>
$scope.testoption = {
"mask": "99-9999999",
"oncomplete": function () {
console.log();
console.log(arguments,"oncomplete!this log form controler");
},
"onKeyValidation": function () {
console.log("onKeyValidation event happend! this log form controler");
}
}
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码(独立后台)...苏ICP备2024110244号-2 苏公网安备32050702011978号 增值电信业务经营许可证编号:苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有