easyUI——datebox验证和自定义取消按钮

简介: 来源:http://blog.csdn.net/liusong0605/article/details/42270463 1. datebox验证        验证结束时间 start;               return varify;           },           message : '结束时间要大于开始时间!'       }   });   2. 自定义清除按钮       datebox默认设置了currentText、closeText、okText。

来源:http://blog.csdn.net/liusong0605/article/details/42270463

1. datebox验证

       验证结束时间<起始时间:
       
[html]  view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. 起始时间:<input id="startDate" name="startDate" class="easyui-datebox"  >  
  2. 结束时间:<input id="endDate" name="endDate" class="easyui-datebox "  validType="dateValid['#startDate']">  
[javascript]  view plaincopy在CODE上查看代码片派生到我的代码片
 
  1. $.extend($.fn.validatebox.defaults.rules,{  
  2.     dateValid : {  
  3.         validator : function(value,param) { //参数value为当前文本框的值,也就是endDate  
  4.             startTime = $(param[0]).datetimebox('getValue');//获取起始时间的值  
  5.             var start = $.fn.datebox.defaults.parser(startTime);  
  6.             var end = $.fn.datebox.defaults.parser(value);  
  7.             varify = end > start;  
  8.             return varify;  
  9.         },  
  10.         message : '结束时间要大于开始时间!'  
  11.     }  
  12. });  

2. 自定义清除按钮

      datebox默认设置了currentText、closeText、okText。操作页面时,如果要清空输入的时间,可以使时间文本框获得焦点直接删除里面的内容。更好的用户体验是在下拉的panel中增加一个清空按钮。
     
      扩展这个功能,我们就在jquery.eaysui.min.js源码中找到currentText、closeText、okText的定义及事件,然后,加上清空按钮的定义及事件即可。添加的代码如下:
      
最后,easyui-lang-zh_CN.js中也加入清除按钮,否则,清除按钮是英文显示。
目录
相关文章
|
6月前
|
前端开发
10EasyUI 菜单与按钮- 创建链接按钮(Link Button)
10EasyUI 菜单与按钮- 创建链接按钮(Link Button)
52 0
|
6月前
|
JavaScript 前端开发
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
12EasyUI 菜单与按钮- 创建分割按钮(Split Button)
27 0
|
5月前
Easyui validatebox增加对time、date、datetime的验证,时间格式化
Easyui validatebox增加对time、date、datetime的验证,时间格式化
|
5月前
|
JavaScript
EasyUI的datagrid每行数据添加操作按钮的方法
EasyUI的datagrid每行数据添加操作按钮的方法
120 0
|
5月前
easyui datebox 设置只读
easyui datebox 设置只读
|
6月前
|
JavaScript 前端开发
49EasyUI 窗口- 自定义带有工具条和按钮的对话框
49EasyUI 窗口- 自定义带有工具条和按钮的对话框
22 0
|
6月前
|
JavaScript 前端开发
11EasyUI 菜单与按钮- 创建菜单按钮(Menu Button)
11EasyUI 菜单与按钮- 创建菜单按钮(Menu Button)
22 0
|
6月前
09EasyUI 菜单与按钮- 创建简单的菜单
09EasyUI 菜单与按钮- 创建简单的菜单
15 0
|
数据安全/隐私保护
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
本篇主要介绍跟后台数据绑定相关度不大的简单控件,直接写了一个详细的例子,需要说明的东西都在注释里面。
566 0
EasyUI–常用控件之按钮/搜索框/密码框/文件框/数字框/日期时间选择框
|
前端开发 JavaScript Java
EasyUI–表单 文本框 按钮
本篇重点介绍EasyUI框架下的表单和表单元素使用。
477 0
EasyUI–表单 文本框 按钮