本文主要介绍了easyui datebox 日期验证之开始日期小于结束时间,需要的朋友可以参考下，希望能帮助到大家。
效果
创建建日期框
<p style="width:65px;"><label>选择时间：</label></p>
<p style="width:100px;" id="startstime">
<p class="easyui-datebox" name="data" id="startdate" style="height:26px;width:100px "></p>
</p>
<pstyle="width:110px;" id="endtime">
-
<p class="easyui-datebox" type="text" name="data" id="enddate" style="height:26px;width:100px " validtype="end"></p>
</p>
自定义easyui验证
//验证开始时间小于结束时间
$.extend($.fn.validatebox.defaults.rules, {
end: {
validator: function (value, param) {
var startdate = $("#startstime input").val();
var starttmp = new date(startdate.replace(/-/g, "/"));
var endtmp = new date(value.replace(/-/g, "/"));
return starttmp <= endtmp;
},
message: '结束时间要大于开始时间！'
}
})
相关推荐：
easyui-datebox设置隐藏或者不可用如何解决
jquery easyui api 中文文档 - datebox日期框
jquery easyui api 中文文档 - datebox日期框_php教程
以上就是easyui datebox 日期验证之开始日期小于结束时间实例分享的详细内容。