Easyui datebox单击文本框显示日期选择
2015-05-27 21:34
573 查看
Easyui默认是点击文本框后面的图标显示日期,为了更进一步优化体验
修改为单击文本框显示日期选择框
修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别)
可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码:
上下文代码如下:
作者:itmyhome
效果演示
修改为单击文本框显示日期选择框
修改jquery.easyui.min.js(作者用的是1.3.6版本,其他版本或有区别)
可 ctrl+f 搜索 "_outerWidth():0" 在本行下面添加如下代码:
// datebox单击文本框出现日期选择 start if ($(_83f).hasClass("datebox-f")) { _844.click(function() { _845.click(); }); } // end
上下文代码如下:
function _83e(_83f,_840){
var _841=$.data(_83f,"combo");
var opts=_841.options;
var _842=_841.combo;
var _843=_841.panel;
if(_840){
opts.width=_840;
}
if(isNaN(opts.width)){
var c=$(_83f).clone();
c.css("visibility","hidden");
c.appendTo("body");
opts.width=c.outerWidth();
c.remove();
}
_842.appendTo("body");
var _844=_842.find("input.combo-text");
var _845=_842.find(".combo-arrow");
var _846=opts.hasDownArrow?_845._outerWidth():0;
// datebox单击文本框出现日期选择 start if ($(_83f).hasClass("datebox-f")) { _844.click(function() { _845.click(); }); } // end
_842._outerWidth(opts.width)._outerHeight(opts.height);
_844._outerWidth(_842.width()-_846);
_844.css({height:_842.height()+"px",lineHeight:_842.height()+"px"});
_845._outerHeight(_842.height());
_843.panel("resize",{width:(opts.panelWidth?opts.panelWidth:_842.outerWidth()),height:opts.panelHeight});
_842.insertAfter(_83f);
};
作者:itmyhome
效果演示
相关文章推荐
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.3
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.4.1
- Easyui datebox单击文本框显示日期选择 eayui 1.4.5版本
- Easyui datebox单击文本框显示日期选择 eayui版本1.4.3
- Easyui datebox单击文本框显示日期选择 eayui版本1.4.5
- easyui datebox只显示年月选择,隐藏日期
- Easyui datebox单击文本框显示日期选择
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- 根据easyui-datebox日期选择自动显示星座
- easyui datebox 限制日期选择大小
- easyui-datebox限制选择日期范围
- EasyUI datebox 日期选择范围
- easyui-datebox 日期控件 只显示年月 不显示日
- 【easyui】datebox日期选择框的校验问题
- easyui-datebox 日期控件 只显示年月 不显示日
- easyui datebox 只显示日期,本文为转载,稍加改动
- easyui设置datebox默认当前日期,且只能选择当前日期之前的日期
- easyui-datebox 日期控件 只显示年月 不显示日