Easyui datebox单击文本框显示日期选择 eayui版本1.4.5

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);}

解决！