文档章节

EasyUI 1.3.6 DateBox添加清空按钮

猪刚烈
 猪刚烈
发布于 2014/10/12 11:49
字数 347
阅读 87
收藏 0

精选30+云产品,助力企业轻松上云!>>>

EasyUI 1.3.6 DateBox添加清空按钮

效果如图:


EasyUI datebox是没有清空按钮的,可通过如下方法加入:

打开jquery.easyui.min.js看到这样如此乱的代码,我们只能使用Ctrl+F搜索功能

搜索currentText,在第一次搜索到的位置有个buttons数组,在今天("Today")与关闭("Close")中间添加清空。

{
     text : function(_947) {
	   return $(_947).datebox("options").cleanText;
     },
     handler : function(_948) {
	   $(_948).combo("setValue", "").combo("setText", ""); //设置空值
	   $(_948).combo("hidePanel"); //点击清空按钮之后关闭日期选择面板
     }
},
添加之前可以Ctrl+Shift+F格式化一下,不然很难找到要插入的位置,最后代码插入后上下文应该是如下:
currentText : "Today",
closeText : "Close",
okText : "Ok",
buttons : [ {
	text : function(_945) {
		return $(_945).datebox("options").currentText;
	},
	handler : function(_946) {
		$(_946).datebox("calendar").calendar( {
			year : new Date().getFullYear(),
			month : new Date().getMonth() + 1,
			current : new Date()
		});
		_935(_946);
	}
}, {
	text : function(_947) {
		return $(_947).datebox("options").cleanText;
	},
	handler : function(_948) {
		$(_948).combo("setValue", "").combo("setText", ""); // 设置空值
	$(_948).combo("hidePanel"); // 点击清空按钮之后关闭日期选择面板
}
}, {
	text : function(_947) {
		return $(_947).datebox("options").closeText;
	},
	handler : function(_948) {
		$(this).closest("div.combo-panel").panel("close");
	}
} ],
最后修改easyui-lang-zh_CN.js文件 加入如下语句
$.fn.datebox.defaults.cleanText = '清空';
因为打开此文件一目了然,相信你应该知道添加在什么地方。

PS:此方法在EasyUI 1.3.6版本通过,其他版本或许可能略有不同,供参考。


作者:itmyhome

出处:http://blog.csdn.net/itmyhome1990/article/details/39055937



猪刚烈

猪刚烈

粉丝 22
博文 708
码字总数 110
作品 1
海淀
程序员
私信 提问
加载中
请先登录后再评论。
easyui 时间控件 easyui-datetimebox / easyui-datebox

<li><label>开始时间:</label><input id="startTime" class="easyui-datetimebox" style="width:190.27px;height:32px"/></li> <li><label>结束时间:</label><input id="endTime" class="......

osc_b07navmi
2019/12/11
24
0
easyui学习笔记

EasyUI常用控件禁用方法combobox$("#id").combobox({ disabled: true }); ----- $("#id").combobox({ disabled: false}); validatebox$("#id").attr("readonly", true); ----- $("#id").remo......

miaojiangmin
2018/06/17
32
0
Easy-UI中datebox的默认显示当前日期的最简单的两种方法

在中有一个Today按钮就是实现显示当前日期,所以我们在src/jquery.datebox.js文件中可以找到currentText:'Today'。 所以我们可以使用'currentText'和'Today'来默认显示当前日期。 1.使用属性......

osc_b7lz7dji
2018/06/04
6
0
EasyUI常用控件禁用方法

1.validatebox可以用的用法:前两种适用于单个的validatebox; 第三种应用于整个form里面的输入框; <1>.$("#id").attr("readonly", true); ----- $("#id").removeAttr("readonly"); <2>.$("#i......

自由de风
2015/05/07
1.4K
0
jquery easyui 验证框

使用过程中的一积累,备查。 EasyUI 验证框使用方法: //* missingMessage:未填写时显示的信息 validType:验证类型见下示例 invalidMessage:无效的数据类型时显示的信息 required="true" ...

wqw-scau
2015/04/14
25
0

没有更多内容

加载失败,请刷新页面

加载更多

Java知识点--卫语句

在《阿里巴巴Java开发手册》中强制规定:超过 3 层的 if-else 的逻辑判断代码可以使用卫语句、策略模式、状态模式等来实现,其中卫语句即代码逻辑先考虑失败、异常、中断、退出等直接返回的情...

HLee
32分钟前
9
0
实施与扩展:何时使用? 有什么不同? - Implements vs extends: When to use? What's the difference?

问题: 请用一种易于理解的语言或一些文章的链接进行解释。 解决方案: 参考一: https://stackoom.com/question/jTkh/实施与扩展-何时使用-有什么不同 参考二: https://oldbug.net/q/jTkh/...

技术盛宴
33分钟前
3
0
剑指offer之队列中的最大值(C++/Java双重实现)

1.题目描述 请定义一个队列并实现函数 max_value 得到队列里的最大值,要求函数max_value、push_back 和 pop_front 的均摊时间复杂度都是O(1)。 若队列为空,pop_front 和 max_value 需要返回...

osc_jvzgahav
35分钟前
5
0
JAVA-过滤器和拦截器1

1、过滤器 (Filter) 过滤器的配置比较简单,直接实现 Filter 接口即可,也可以通过 @WebFilter 注解实现对特定 URL 拦截,看到 Filter 接口中定义了三个方法。 init() :该方法在容器启动初始...

osc_hinb5m98
36分钟前
15
0
模拟红包算法(基于BigDecimal、DecimalFormat、Random类)

基于BigDecimal、DecimalFormat、Random实现模拟红包算法 RedPacket 类 import java.math.BigDecimal;import java.text.DecimalFormat;import java.util.ArrayList;import java.util.Rand......

osc_ml6lx2h4
38分钟前
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部