easyUI日期控件验证开始时间
2016-10-25 12:02
176 查看
点击结束时间时,验证是否小于开始时间
![](https://img-blog.csdn.net/20161025115901288?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
<label>开始时间:</label><input class="easyui-datebox" style="width: 100px;" required="true" name="BeginFlyon" id="BeginFlyon" />
<label>结束时间:</label><input class="easyui-datebox" style="width: 100px;" required data-options="validType:'testDate[\'#BeginFlyon\']'" name="EndFlyon" id="EndFlyon" />
时间比较时此处取param传过来的开始控件名字,后取该控件的时间值
$.extend($.fn.validatebox.defaults.rules, {
testDate: {
validator: function (value, param) {
var d1 = $(''+param[0]+'').datebox('getValue')
return value >= d1;
},
message: '结束时间必须大于或等于开始时间'
}
})
easyui demo,注意此处时间比较时取得是param的时间 http://www.jeasyui.net/demo/346.html
<label>开始时间:</label><input class="easyui-datebox" style="width: 100px;" required="true" name="BeginFlyon" id="BeginFlyon" />
<label>结束时间:</label><input class="easyui-datebox" style="width: 100px;" required data-options="validType:'testDate[\'#BeginFlyon\']'" name="EndFlyon" id="EndFlyon" />
时间比较时此处取param传过来的开始控件名字,后取该控件的时间值
$.extend($.fn.validatebox.defaults.rules, {
testDate: {
validator: function (value, param) {
var d1 = $(''+param[0]+'').datebox('getValue')
return value >= d1;
},
message: '结束时间必须大于或等于开始时间'
}
})
easyui demo,注意此处时间比较时取得是param的时间 http://www.jeasyui.net/demo/346.html
相关文章推荐
- EasyUI Datebox 日期验证之开始日期小于结束时间
- 关于Web项目里的给表单验证控件添加结束时间不得小于开始时间的验证方法,日期转换和前台显示格式之间,还有JSON取日期数据格式转换成标准日期格式的问题
- easyUI中使用datatimebox选定开始日期时间后自动带出7天之后的结束日期时间
- easyui 日期控件默认当前时间
- easyui日期控件开始日期小于结束日期
- Mui picker修改时间控件默认选中时间,开始时间,结束时间,及日期格式
- Easyui_datebox验证-开始日期小于结束日期
- easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大
- easyui 日期控件默认当前时间
- jQuery EasyUI详解-EasyUI常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
- 自定义EasyUI的datetimebox控件日期时间的显示格式
- easyui日期处理(开始时间和结束时间)
- easyui 日期框,结束时间大于开始时间
- easyui datebox 时间限制,datebox开始时间限制结束时间,datebox截止日期比起始日期大的实现代码
- easyui 日期控件默认当前时间
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
- 使用Jquery EasyUI中DateTimeBox控件设置考试开始结束时间,并对其验证
- ReportStudio入门教程(八十八) - 设置日期控件(DatePrompt)的开始时间和结束时间
- 自定义EasyUI的datetimebox控件日期时间的显示格式(转)
- NetAdvantage asp.net ——使用WebDateChooser在客户端验证开始日期与结束日期