前端之家收集整理的这篇文章主要介绍了
日期输入数字自动格式化日期,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
此方案仅限jquery easyui dataBox控件,其他实现原理类似, 只是输入事件改变@H_404_1@
@H_404_1@
@H_404_1@
//日期验证YYYY-MM-dd;
dateTime:{
validator:function(value){
return /^(([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29)$/.test(value);
},message:"日期输入不合法."
},@H_404_1@
@H_404_1@
dateCode:{/* ///闰年的2月份有29天,因此匹配闰年日期格式为YYYY-MM-DD的正则表达式为: (([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29最后,将平年和闰年的日期验证表达式合并,我们得到最终的验证日期格式为YYYY-MM-DD的正则表达式为:@H_404_1@
*/
validator:function(value){
var reg = /((([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})(((0[13578]|1[02])(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)(0[1-9]|[12][0-9]|30))|(02(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))0229))|((([0-9]{3}[1-9]|[0-9]{2}[1-9][0-9]{1}|[0-9]{1}[1-9][0-9]{2}|[1-9][0-9]{3})-(((0[13578]|1[02])-(0[1-9]|[12][0-9]|3[01]))|((0[469]|11)-(0[1-9]|[12][0-9]|30))|(02-(0[1-9]|[1][0-9]|2[0-8]))))|((([0-9]{2})(0[48]|[2468][048]|[13579][26])|((0[48]|[2468][048]|[3579][26])00))-02-29))$/;
return reg.test(value);
},message:"日期编号正确格式19910209或1991-02-09"
},@H_404_1@
@H_404_1@
HTML代码@H_404_1@
<input name="Birthday" id="birthday" class="easyui-dateBox" data-options="required:true,value:'2015-01-01',width:260,height:32,validType:['dateCode']"/>@H_404_1@
@H_404_1@
js代码 核心关键@H_404_1@
$("#birthday").dateBox({
keyHandler:{
query:function(q){
if(!str) {
if ($("#birthday").dateBox("isValid")) {
var newValue=$("#birthday").dateBox('getText');
if(newValue.indexOf("-")==-1){
str = newValue.substr(0,4) + "-" + newValue.substr(4,2) + "-" + newValue.substr(6,2);
$('#birthday').dateBox('setValue',str);
}else{
console.log(str);
}
}
} else{
str=""
}
return false;
}
}@H_404_1@@H_404_1@