摘要:本篇文章主要讲述HTML5+CSS3从入门到精通之详解WdatePicker日期控件的使用与触发事件,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。
本篇文章主要讲述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知识库!
您输入的评论内容中包含违禁敏感词
我知道了
请输入正确的手机号码
请输入正确的验证码
您今天的短信下发次数太多了,明天再试试吧!
我们会在第一时间安排职业规划师联系您!
您也可以联系我们的职业规划师咨询:
版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
沪公网安备 31011502005948号