easyUI——datebox验证和自定义取消按钮
2014-12-30 19:31
393 查看
1. datebox验证
验证结束时间<起始时间:起始时间:<input id="startDate" name="startDate" class="easyui-datebox" > 结束时间:<input id="endDate" name="endDate" class="easyui-datebox " validType="dateValid['#startDate']">
$.extend($.fn.validatebox.defaults.rules,{ dateValid : { validator : function(value,param) { //参数value为当前文本框的值,也就是endDate startTime = $(param[0]).datetimebox('getValue');//获取起始时间的值 var start = $.fn.datebox.defaults.parser(startTime); var end = $.fn.datebox.defaults.parser(value); varify = end > start; return varify; }, message : '结束时间要大于开始时间!' } });
2. 自定义清除按钮
datebox默认设置了currentText、closeText、okText。操作页面时,如果要清空输入的时间,可以使时间文本框获得焦点直接删除里面的内容。更好的用户体验是在下拉的panel中增加一个清空按钮。扩展这个功能,我们就在jquery.eaysui.min.js源码中找到currentText、closeText、okText的定义及事件,然后,加上清空按钮的定义及事件即可。添加的代码如下:
最后,easyui-lang-zh_CN.js中也加入清除按钮,否则,清除按钮是英文显示。
相关文章推荐
- easyUI——datebox验证和自定义取消按钮
- Easyui validatebox修改——1.当text发生变化时在校验,2.取消校验,3扩展自定义验证
- easyui datebox 清空值或添加自定义按钮
- EasyUI DateBox 按钮自定义添加功能
- Easyui validatebox修改——1.当text发生变化时在校验,2.取消校验,3扩展自定义验证
- easyui datebox 扩展清空按钮及日期判断
- jquery easyui validatebox增加对time、date、datetime的验证,时间格式化
- easyui 1.3.6的datebox 添加清除按钮
- 关于jquery easyui中easyui-validatebox自定义验证问题的解决
- easyui datebox多条件验证
- easyui datebox添加清空按钮
- datebox清除按钮,datebox加上清除按钮,easyui datebox加上清除按钮
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
- Easyui validatebox修改 以及自定义验证规则
- easyui1.4.4 datebox 新增清空按钮
- 给easyui的datebox控件添加清空按钮
- EasyUI Datebox 日期验证之开始日期小于结束时间
- jquery-easyui-validatebox【自定义验证】
- 使用Jquery validation组件对easyui-datebox组件的时间进行验证遇到的问题
- easyui validatebox 验证集合,自定义easyui验证规则