easyUI——datebox验证和自定义取消按钮
来源:互联网 发布:留学低龄化 知乎 编辑:程序博客网 时间:2024/05/22 01:55
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为当前文本框的值,也就是endDatestartTime = $(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中也加入清除按钮,否则,清除按钮是英文显示。
0 0
- easyUI——datebox验证和自定义取消按钮
- easyui datebox 清空值或添加自定义按钮
- easyui datebox多条件验证
- EasyUI datebox datetimebox的自定义按钮 按条件设置日期的不可用 js日期计算
- easyui datebox today按钮点击无效 解决办法
- easyui datebox添加清空按钮
- EasyUI——DateBox和DateTimeBox的汉化和显示格式修改
- Easyui validatebox修改——1.当text发生变化时在校验,2.取消校验,3扩展自定义验证
- Easyui validatebox修改——1.当text发生变化时在校验,2.取消校验,3扩展自定义验证
- 关于easyui-datebox日期最大默认值和起止日期验证的问题
- easyui——datebox控件限制输入的日期
- easyUI DateBox
- easyui--datebox
- EasyUI - Datebox和Numberbox的使用
- easyui的ComboBox和DateBox复制
- Easyui的DateBox控件和DateTimeBox控件
- easyui 1.3.6的datebox 添加清除按钮
- EasyUI 1.3.6 DateBox添加清空按钮
- WPF 模板介绍
- zoj 3305 - Get Sauce
- 如何判断数据库的可串行化调度
- Clipboard 剪切板的应用&&Action
- iOS开发--删除本地相册照片
- easyUI——datebox验证和自定义取消按钮
- ITK配准:基于手动设置地标的刚性配准
- 从捕包数据上看终端设备3种加入网络过程
- hrbust1053 Warcraft III (完全背包裸题)
- 【SpringMVC系列二】 EasyUI+SpringMVC--Maven项目--WEB-INF安全目录访问jsp
- Java基础----内部类实现Thread
- xcode 左边导航栏中,类文件后面的标记“A”,"M","?"……等符号的含义
- JS和CSS初尝试
- android jni开发 调用 第三方 动态链接库