Easyui默认是点击文本框后面的图标显示日期。我想单击文本框就显示日期选择框,但网上没找到针对easyui 1.4.3的 只有针对easyui 1.3.6的。没办法只能自力更生咯。
修改jQuery.easyui.min.js文件。在6520行左右有如下代码段:
var _4b7=tb.find(".textbox-text");
var btn=tb.find(".textbox-button");
var _4b8=tb.find(".textbox-addon");
var _4b9=_4b8.find(".textbox-icon");
tb._size(opts,_4b5);
在tb._size(opts,_4b5);后回车添加如下代码:
if ($(_4b2).hasClass("datebox-f")) {
_4b7.click(function() {
_4b9.click();
});
}
修改后的代码上下文如下:
if(isNaN(parseInt(opts.width))){
var c=$(_4b2).clone();
c.css("visibility","hidden");
c.insertAfter(_4b2);
opts.width=c.outerWidth();
c.remove();
}
var _4b6=tb.is(":visible");
if(!_4b6){
tb.appendTo("body");
}
var _4b7=tb.find(".textbox-text");
var btn=tb.find(".textbox-button");
var _4b8=tb.find(".textbox-addon");
var _4b9=_4b8.find(".textbox-icon");
tb._size(opts,_4b5);
//datebox单击文本框出现日期选择 start
if ($(_4b2).hasClass("datebox-f")) {
_4b7.click(function() {
_4b9.click();
});
}
// end
btn.linkbutton("resize",{height:tb.height()});
btn.css({left:(opts.buttonAlign=="left"?0:""),right:(opts.buttonAlign=="right"?0:"")});
_4b8.css({left:(opts.iconAlign=="left"?(opts.buttonAlign=="left"?btn._outerWidth():0):""),right:(opts.iconAlign=="right"?(opts.buttonAlign=="right"?btn._outerWidth():0):"")});
_4b9.css({width:opts.iconWidth+"px",height:tb.height()+"px"});
_4b7.css({paddingLeft:(_4b2.style.paddingLeft||""),paddingRight:(_4b2.style.paddingRight||""),marginLeft:_4ba("left"),marginRight:_4ba("right")});
if(opts.multiline){
_4b7.css({paddingTop:(_4b2.style.paddingTop||""),paddingBottom:(_4b2.style.paddingBottom||"")});
_4b7._outerHeight(tb.height());
}else{
var _4bb=Math.floor((tb.height()-_4b7.height())/2);
_4b7.css({paddingTop:_4bb+"px",paddingBottom:_4bb+"px"});
}
_4b7._outerWidth(tb.width()-_4b9.length*opts.iconWidth-btn._outerWidth());
if(!_4b6){
tb.insertAfter(_4b2);
}
opts.onResize.call(_4b2,opts.width,opts.height);
function _4ba(_4bc){
return (opts.iconAlign==_4bc?_4b8._outerWidth():0)+(opts.buttonAlign==_4bc?btn._outerWidth():0);
};
};
|