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行左右有如下代码段:
在tb._size(opts,_4b5);后回车添加如下代码:
修改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);
};
};
相关文章推荐
- 浅谈jQuery.easyui的datebox格式化时间
- 浅谈如何实现easyui的datebox格式化
- jQuery EasyUI API 中文文档 - DateBox日期框
- 页面初始化时jquery easyui datebox怎么设置默认值为当前系统日期
- jquery datebox 格式控制与禁止输入
- EasyUi 日历组件 datebox 开始时间与结束时间限制
- EasyUi 日历组件 datebox 开始时间与结束时间限制高级版
- 修改EasyUI中DateBox和DateTimeBox的格式
- EasyUI的DataGrid日期列(datebox)正确显示json时间格式
- 给easyui的datebox控件添加清空按钮
- [Java Web]EasyUI中Calendar预设时间的解决
- jquery easyui datebox 时间控件默认显示当前日期
- easyui1.4.4 datebox 新增清空按钮
- easy UI中利用JS获取当前月的第一天和最后一天,并显示到时间控件上
- easyui datebox操作
- easy ui的datebox常见四种操作
- jquery mobile datebox
- 解决关于jquery mobile databox日期插件手机上失效的问题
- datetimebox
- easyui 中日期控件清空文本框的值之后,获取仍有值