此方案仅限jquery easyui databox控件,其他实现原理类似, 只是输入事件改变
//日期验证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:"日期输入不合法." },
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的正则表达式为:
*/ 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" },
html代码
<input name="Birthday" id="birthday" class="easyui-datebox" data-options="required:true,value:'2015-01-01',width:260,height:32,validType:['dateCode']"/>
js代码 核心关键
$("#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; } }