EasyUI的日期框是点击后面的按钮才打开日历的
如图 现在我想点击白色的文本框直接弹出日历。在网上找到的版本都是1.3的。所有我自己摸索了一下。
打开jquery源码 jQuery.easyui.min.js
找到这段代码
var _4d2=tb.find(".textbox-text"); var btn=tb.find(".textbox-button"); var _4d3=tb.find(".textbox-addon"); var _4d4=_4d3.find(".textbox-icon"); tb._size(opts,_4d0);
在下面加入如下代码:
if ($(_4cd).hasClass("datebox-f")) { _4d2.click(function() { _4d4.click(); }); }
全部代码如下:
var _4d2=tb.find(".textbox-text"); var btn=tb.find(".textbox-button"); var _4d3=tb.find(".textbox-addon"); var _4d4=_4d3.find(".textbox-icon"); tb._size(opts,_4d0); if ($(_4cd).hasClass("datebox-f")) { _4d2.click(function() { _4d4.click(); }); } btn.linkbutton("resize",{height:tb.height()}); btn.css({left:(opts.buttonAlign=="left"?0:""),right:(opts.buttonAlign=="right"?0:"")}); _4d3.css({left:(opts.iconAlign=="left"?(opts.buttonAlign=="left"?btn._outerWidth():0):""),right:(opts.iconAlign=="right"?(opts.buttonAlign=="right"?btn._outerWidth():0):"")}); _4d4.css({width:opts.iconWidth+"px",height:tb.height()+"px"}); _4d2.css({paddingLeft:(_4cd.style.paddingLeft||""),paddingRight:(_4cd.style.paddingRight||""),marginLeft:_4d5("left"),marginRight:_4d5("right")}); if(opts.multiline){ _4d2.css({paddingTop:(_4cd.style.paddingTop||""),paddingBottom:(_4cd.style.paddingBottom||"")}); _4d2._outerHeight(tb.height()); }else{ _4d2.css({paddingTop:0,paddingBottom:0,height:tb.height()+"px",lineHeight:tb.height()+"px"}); } _4d2._outerWidth(tb.width()-_4d4.length*opts.iconWidth-btn._outerWidth()); if(!_4d1){ tb.insertAfter(_4cd); }解决!