背景:easyui中的databox插件默认情况下只有点击后边的日期小图标才显示日期面板,在某些情况下会感觉很不方便,如何才能实现点击文本框时也能出现日期面板呢?
实现方法:
- 打开jquery.easyui.min.js文件(我用的是1.5.1版本)找到下边这段代码:
var _4f2 = tb.find(".textbox-text");
var btn = tb.find(".textbox-button");
var _4f3 = tb.find(".textbox-addon");
var _4f4 = _4f3.find(".textbox-icon");
if(opts.height == "auto"){
_4f2.css({margin:"",paddingTop:"",paddingBottom:"",height:"",lineHeight:""});
}
tb._size(opts,_4f0);
- 在第一步中搜索到的代码后边加上如下代码(注意不同版本有所区别):
if ($(_4ed).hasClass("datebox-f")) {
_4f2.click(function() {
_4f4.click();
});
}
easyui databox点击文本框弹出日期面板