Easyui_datebox验证-开始日期小于结束日期
2016-08-05 13:11
651 查看
效果:
渲染easyui-datebox:
<input id="SignedStartDate" class="easyui-datebox" />
<input id="SignedEndDate" class="easyui-datebox" data-options="validType:'equaldDate[\'#SignedStartDate\']'"/>重写验证easyui验证规则:
$.extend($.fn.validatebox.defaults.rules, {
equaldDate: {
validator: function (value, param) {
var start = $(param[0]).datetimebox('getValue'); //获取开始时间
return value > start; //有效范围为当前时间大于开始时间
},
message: '结束日期应大于开始日期!' //匹配失败消息
}
});
datebox直接调用validType属性 指向这个验证规则就好了.
渲染easyui-datebox:
<input id="SignedStartDate" class="easyui-datebox" />
<input id="SignedEndDate" class="easyui-datebox" data-options="validType:'equaldDate[\'#SignedStartDate\']'"/>重写验证easyui验证规则:
$.extend($.fn.validatebox.defaults.rules, {
equaldDate: {
validator: function (value, param) {
var start = $(param[0]).datetimebox('getValue'); //获取开始时间
return value > start; //有效范围为当前时间大于开始时间
},
message: '结束日期应大于开始日期!' //匹配失败消息
}
});
datebox直接调用validType属性 指向这个验证规则就好了.
相关文章推荐
- 浅谈jQuery.easyui的datebox格式化时间
- 浅谈如何实现easyui的datebox格式化
- jQuery EasyUI API 中文文档 - DateBox日期框
- 页面初始化时jquery easyui datebox怎么设置默认值为当前系统日期
- jquery datebox 格式控制与禁止输入
- EasyUi 日历组件 datebox 开始时间与结束时间限制
- EasyUi 日历组件 datebox 开始时间与结束时间限制高级版
- 修改EasyUI中DateBox和DateTimeBox的格式
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- 给easyui的datebox控件添加清空按钮
- [Java Web]EasyUI中Calendar预设时间的解决
- jquery easyui datebox 时间控件默认显示当前日期
- easyui1.4.4 datebox 新增清空按钮
- easy UI中利用JS获取当前月的第一天和最后一天,并显示到时间控件上
- Easyui的DateBox日期格式化
- Easyui datebox单击文本框显示日期选择 eayui版本1.4.3
- easyui datebox操作
- easy ui的datebox常见四种操作
- jquery mobile datebox
- 解决关于jquery mobile databox日期插件手机上失效的问题