您的位置:首页 > 产品设计 > UI/UE

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

2016-06-20 17:23 369 查看
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);
};
};




                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  Easyui 1.4.3 datebox