Easyui默认是点击文本框后面的图标显示日期,为了更进一步优化体验
修改为单击文本框显示日期选择框
修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别)
可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码:
// datebox单击文本框出现日期选择 start if ($(_83f).hasClass("datebox-f")) { _844.click(function() { _845.click(); }); } // end
上下文代码如下:
function _83e(_83f,_840){ var _841=$.data(_83f,"combo"); var opts=_841.options; var _842=_841.combo; var _843=_841.panel; if(_840){ opts.width=_840; } if(isNaN(opts.width)){ var c=$(_83f).clone(); c.css("visibility","hidden"); c.appendTo("body"); opts.width=c.outerWidth(); c.remove(); } _842.appendTo("body"); var _844=_842.find("input.combo-text"); var _845=_842.find(".combo-arrow"); var _846=opts.hasDownArrow?_845._outerWidth():0; // datebox单击文本框出现日期选择 start if ($(_83f).hasClass("datebox-f")) { _844.click(function() { _845.click(); }); } // end _842._outerWidth(opts.width)._outerHeight(opts.height); _844._outerWidth(_842.width()-_846); _844.css({height:_842.height()+"px",lineHeight:_842.height()+"px"}); _845._outerHeight(_842.height()); _843.panel("resize",{width:(opts.panelWidth?opts.panelWidth:_842.outerWidth()),height:opts.panelHeight}); _842.insertAfter(_83f); };
作者:itmyhome
时间: 2024-10-08 10:28:47