文档章节

EasyUI 1.3.6 DateBox添加清空按钮

猪刚烈
 猪刚烈
发布于 2014/10/12 11:49
字数 347
阅读 38
收藏 0
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



本文转载自:http://blog.csdn.net/itmyhome1990/article/details/39055937

共有 人打赏支持
猪刚烈
粉丝 22
博文 708
码字总数 110
作品 1
海淀
程序员
spring使用jquery的datebox

每次很害怕使用jquery的datebox,因为datebox有个默认值为null,所以使用required属性对datebox没用,因此,每次遇到datebox时我都会从后台传date值给它,就可以判断是否为空了,例如 <input...

wenwen1
2013/08/30
0
0
JFinal使用笔记6-时间处理

时间字段保存时报错:Timestamp format must be yyyy-mm-dd hh:mm:ss[.fffffffff] 看意思是格式不正确,前台使用的是easyui的datetimebox,默认时间格式是3/28/2013 12:00:00。根据JFinal的格...

土龙
2013/03/28
0
0
easyui基于 layui.laydate日期扩展组件

本人后端开发码农一个,公司前端忙的一逼,项目使用的是easyui组件,其自带的datebox组件使用起来非常不爽,主要表现在 1、自定义显示格式很麻烦 2、选择年份和月份用户体验也不好 网上有关于...

做饭不洗碗
07/17
0
0
easyui 清空\设置 日期框 文本框的方法

清空: $("#xxx").datebox('setValue', ''); $("#xxx").textbox('setValue', ''); 赋值: var xxx= $("#xxx").combobox('getValue'); var xxx= $("#xxx").datebox('getValue');......

hello_bear
2015/06/19
0
0
spring使用dhtmlxscheduler.js实现实验室预约

我使用的是spring 3 mvc框架,在该框架中有一个sitemesh-decorators文件夹,在该文件存放了控制整个页面的样式的jsp,默认使用main.jsp样式,因此当我刚刚开始使用dhtmlxscheduler.js插件时总...

wenwen1
2013/08/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringData JPA 在解析实体类字段时驼峰自动添加下划线问题

SpringData JPA 使用的默认命名策略是: ImprovedNamingStrategy 。用下划线转换驼峰名,如 authorId ,转换成 author_id 。这样就遇到了一个问题:实体中驼峰命名的列名转换成下划线后,在M...

Jacktanger
25分钟前
1
0
Android JNI开发系列(十)JNI访问 Java 实例变量和静态变量

JNI访问 Java 实例变量和静态变量 Java 中的实例变量和静态变量,在本地代码中如何来访问和修改。静态变量也称为类变量(属性),在所有实例对象中共享同一份数据,可以直接通过类名.变量名来...

蔡小鹏
30分钟前
1
0
jsapi4加载的首个图层的范围被默认作为地图范围,且不能修改的解决

在map加载的第一个图层的图层范围(fullExtent),会被默认设置为map的全图范围,且不能更改,从一般地图控件角度来说,应该有fullExtent属性,作为地图的全图范围,但很遗憾jsapi4.9还没有 ...

canneljls
31分钟前
2
0
JSON.stringify()

JSON.parse()与JSON.stringify()的区别 JSON.parse()【从一个字符串中解析出json对象】 例子: //定义一个字符串 var data='{"name":"goatling"}' //解析对象 JSON.parse(data) 结果是: na...

废柴
31分钟前
1
0
HashSet

前言 Set的实现类都是基于Map来实现的(HashSet是通过HashMap实现的)。 构造图如下: 蓝色线条:继承 绿色线条:接口实现 正文 对于HashSet而言,它是基于HashMap来实现的,底层采用HashMap来保...

狼王黄师傅
33分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部