您的位置:首页 > 产品设计 > UI/UE

easyui 1.3.6的datebox 添加清除按钮

2014-06-20 17:59 435 查看

本人小白一个,折腾了一下午,读了很久源代码,终于修改成功了easyui 1.3.6版本的datebox,添加上了清除按钮,不过后来才发现API中也有添加的方法,不过那样只试用添加那个方法的,不像修改源码可以全局通用,而且发现网上搜不到1.3.6版本的添加清除按钮的代码,故记录了上来

下面奉上代码

js中将12427行改为

}},currentText:"Today",cleanText:"Clean",closeText:"Close",okText:"Ok",buttons:[{text:function(_945){

主要是加上cleanText:"Clean"

然后将12432行的逗号后面加上

{text:function(_1001){

return $(_1001).datebox("options").cleanText;

},handler:function(_1002){

$(_1002).datebox("setValue","");

$(this).closest("div.combo-panel").panel("close");

}},

easyui-lang-zh_CN.js的40行加上

$.fn.datebox.defaults.closeText = '关闭';

添加完上面那些后就已经可以用了,但是貌似这个版本的按钮都是靠左的,不太美观,我们可以在css文件中加上

.datebox-button td{

text-align: center;

}

这样就完美了,大功告成.
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: