本篇文章主要讲述HTML5+CSS3从入门到精通之详解WdatePicker日期控件的使用与触发事件，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

踩过无数坑，调试了很长时间，写出适合自己需求的方法
需求：没有查询按钮，要求选择日期后自动触发查询事件(只有日期选择完成后才触发),

解决方案：代码如下：
检索开始时间：

<input type="text" id="startTime" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true,onpicked:function(){onemonthtypeChange(this,'startTime','endTime');search();}})" readonly="readonly" />

检索结束时间：

<input type="text" id="endTime" onFocus="WdatePicker({dateFmt:'yyyy-MM-dd',alwaysUseStartDate:true,onpicked:function(){onemonthtypeChange(this,'startTime','endTime');search();}})" readonly="readonly" /><script>

function onemonthtypeChange(obj,id1,id2){
　　var start = $("#"+id1).val();
　　var end = $("#"+id2).val();
　　if(start != null && start != "" && end !=null && end != ""){
　　　　var startNum,endNum;
　　　　if(start.length > 5){
　　　　　　startNum = parseInt(start.replace(/-/g,'').replace(' ','').replace(/:/g,''),10);
　　　　　　endNum = parseInt(end.replace(/-/g,'').replace(' ','').replace(/:/g,''),10);

　　　　}else{
　　　　　　staetNum = parseInt(start.replace(/:/g,''),10);
　　　　　　endNum = parseInt(end.replace(/:/g,''),10);
　　　　}
　　　　if(startNum > endNum){
　　　　　　$(obj).val();
　　　　　　alert("开始时间不能大于结束时间")；
　　　　　　return false;
　　　　}
　　}
　　return true;
}

</script>
亲测完美符合自己的需求

本文由职坐标整理发布，学习更多的相关知识，请关注职坐标IT知识库！