前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >easyui 日期控件清空值

easyui 日期控件清空值

作者头像
全栈程序员站长
发布2022-07-07 18:09:16
2K0
发布2022-07-07 18:09:16
举报

大家好,又见面了,我是全栈君。

近期用了Easyui的日期控件datebox,项目中要将选中值清空,于是就研究了一下。

1。调用方法清空

代码语言:javascript
复制
$('#yourId').combo('setText','');

2,更改js文件

从官网下载的源文件里。datebox控件界面仅仅有‘Today’。‘Close’事件。我们能够把清空选项值的事件加入到js中去,这样,仅仅要引用了datebox这个控件,界面上就会有清空选项。详细改动过程例如以下:

首先在官网上下载jquery.easyui.min.js文件。

在js文件里找到Today Close事件定义的地方,并加入Clean事件的定义。

源文件说明:

easyui 日期控件清空值
easyui 日期控件清空值

将源文件12733–12742行文件替换为:

easyui 日期控件清空值
easyui 日期控件清空值

代码:

代码语言:javascript
复制
}},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){

界面效果例如以下:

easyui 日期控件清空值
easyui 日期控件清空值

3,中文js更改

上面我们把源js改好了,仅仅只是界面显示的是英文,假设用了中文包的话,还须要更改easyui-lang-zh_CN.js

在js文件里找到‘今天’ ‘关闭 ’事件定义的地方,并加入‘清空’

easyui 日期控件清空值
easyui 日期控件清空值

代码:

代码语言:javascript
复制
	$.fn.datebox.defaults.currentText = '今天';
	$.fn.datebox.defaults.closeText = '关闭';
	$.fn.datebox.defaults.cleanText = '清空';

改动事件:

easyui 日期控件清空值
easyui 日期控件清空值

代码:

代码语言:javascript
复制
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
	});
}

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/116440.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年1月2,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档