easyui 日期控件清空值
来源:互联网 发布:java double类型比较 编辑:程序博客网 时间:2024/05/20 01:10
最近用了Easyui的日期控件datebox,项目中要将选中值清空,于是就研究了一下。
1,调用方法清空
- $('#yourId').combo('setText','');
2,更改js文件
从官网下载的源文件中,datebox控件界面只有‘Today’,‘Close’事件,我们可以把清空选项值的事件添加到js中去,这样,只要引用了datebox这个控件,界面上就会有清空选项。具体修改步骤如下:
首先在官网上下载jQuery.easyui.min.js文件。
在js文件中找到Today Close事件定义的地方,并添加Clean事件的定义。
源文件说明:
将源文件12733--12742行文件替换为:
代码:
- }},currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok",buttons:[{text:function(_985){
- return $(_985).datebox("options").currentText;
- },handler:function(_986){
- $(_986).datebox("calendar").calendar({year:new Date().getFullYear(),month:new Date().getMonth()+1,current:new Date()});
- _975(_986);
- }},{text:function(_987){
- return $(_987).datebox("options").closeText;
- },handler:function(_988){
- $(this).closest("div.combo-panel").panel("close");
- }},{ text : function(_989) {
- return $(_989).datebox("options").cleanText;
- },handler : function(_990) {
- $(_990).combo('setValue', '').combo('setText', '');
- $(this).closest("div.combo-panel").panel("close");
- }}],formatter:function(date){
界面效果如下:
3,中文js更改
上面我们把源js改好了,只不过界面显示的是英文,如果用了中文包的话,还需要更改easyui-lang-zh_CN.js
在js文件中找到‘今天’ ‘关闭 ’事件定义的地方,并添加‘清空’
代码:
- $.fn.datebox.defaults.currentText = '今天';
- $.fn.datebox.defaults.closeText = '关闭';
- $.fn.datebox.defaults.cleanText = '清空';
修改事件:
代码:
- if ($.fn.datetimebox && $.fn.datebox){
- $.extend($.fn.datetimebox.defaults,{
- cleanText: $.fn.datebox.defaults.cleanText,
- currentText: $.fn.datebox.defaults.currentText,
- closeText: $.fn.datebox.defaults.closeText,
- okText: $.fn.datebox.defaults.okText,
- missingMessage: $.fn.datebox.defaults.missingMessage
- });
- }
0 0
- easyui 日期控件清空值
- easyui 日期控件清空值
- easyui 日期控件清空值
- easyUI 日期控件修改...
- easyui日期控件
- easyui日期控件开始日期小于结束日期
- jquery获取easyui日期控件的值
- easyUI日期控件验证开始时间
- easyui 日期控件默认当前时间
- easyui datebox日期控件显示到月
- 重写easyUI日期控件,只限制年月
- JQuery EasyUI 日期控件 控制日期选择区间的方法!
- jquery easyui datebox 时间控件默认显示当前日期
- js获取easyui的日期输入框控件的值
- easyui——datebox控件限制输入的日期
- easyui 1.3.3 日期控件添加清空
- EasyUI 1.4.2 日期控件添加清空按钮
- easyui-datebox 日期控件 只显示年月 不显示日
- 根据前序遍历和中序遍历重建二叉树
- VS2010+VMWare8+VisualDDK1.5.6 创建并调试你的第一个驱动程序
- 静态变量的两种初始化顺序与代码顺序相关。
- Vim 中c语言混乱格式瞬间标准
- shiro权限控制
- easyui 日期控件清空值
- 伊始--浅谈C++程序员进阶历程(一)
- 结构体中的位域符
- 深度学习算法实践4---Theano常用技巧
- MVC WebAPI框架里设置异常返回格式统一
- 模板_poj1273Drainage Ditches_最大流问题_残留网络流增广解决(Ford-Fulkerson方法)
- Linux指令大全
- unity 3D 对象的Rigidbody属性
- python读取子目录和子文件