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

Easyui默认是点击文本框后面的图标显示日期，为了更进一步优化体验

修改为单击文本框显示日期选择框

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

转载于:https://www.cnblogs.com/huangf714/p/5898916.html

Easyui datebox单击文本框显示日期选择相关推荐

php鼠标经过显示文本,jQuery实现鼠标单击网页文字后在文本框显示的方法
这篇文章主要介绍了jQuery实现鼠标单击网页文字后在文本框显示的方法,可实现鼠标点击上方文字即可在下方勾选处文本框显示对应文字的效果,涉及jQuery鼠标事件及链式操作的相关技巧,需要的朋友可以参考 ...
vba实现窗体文本框显示sheet1单元格内容
您好!以下是实现VBA代码,以显示Sheet1单元格内容在窗体文本框中: 首先,您需要在窗体上创建一个文本框.在窗体设计器中,双击工具箱中的"文本框"控件并将其拖动到窗体上.然后右 ...
VB6.0中，DTPicker日期、时间控件不允许为空时，采用文本框与日期、时间控件相互替换赋值（解决方案）...
VB6.0中,日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值,或许是一个不错的选择. 实现效果如下图: 文本框txtStopTime1 时间框DTStopTime1(DTPicke ...
VB6.0中，DTPicker日期、时间控件不允许为空时，采用文本框与日期、时间控件相互替换赋值（解决方案）
VB6.0中,DTPicker日期.时间控件不允许为空时,采用文本框与日期.时间控件相互替换赋值(解决方案) 参考文章: (1)VB6.0中,DTPicker日期.时间控件不允许为空时,采用文本框与日 ...
html文本框光标位置,html的文本框显示光标如何在htmlText文本框光标处插入字符...
HTML 如何设置文本框中光标位置和光标居中我写样式,把文本框的宽度加大了.但是光标位置在上面. html怎么让文本框的光标出现在内容最后 HTML如何在打开页面时将光标定位在某个文本框 HTML5 ...
php在文本框显示图片,多张图片上传后在页面上可以显示图片，在文本框显示地址怎么解决啊...
下边这个代码是我改的,试了下只能实现其中一个功能,如何可以实现多张图片上传后在页面上可以显示图片,在文本框显示地址呢. K('#J_selectImage').click(function() { e ...
asp.net 文本框显示xml格式数据_Excel 办公小技巧，查找和替换数据，您值得拥有...
在数据处理的过程中,有时需要在工作表中查找一些数据,以便查看或修改数据.若工作表的数据能一目了然,则可手动进行查找,但在记录繁多的工作表中查找所需数据并替换,效率比较低,而且极易出现遗漏.这时就可以利 ...
easyUI自带的时间插件日期选择、月份选择、时间选择的使用（转）
1.日期选择只要将class设置成easyui-datebox就可以了,当然前提是已经应用了easyui的js [html] view plain copyprint? <input type ...
java中文本框显示在命令按钮后面_Maya中Pymel写个带界面的重命名工具（一）
创建窗口 pymel.core.windows.window() 此命令用来创建一个窗口,但不会显示窗口显示窗口 pymel.core.windows.showWindow() 此命令用来显示指定窗 ...
html 文本框赋值日期代码,如何获取到input输入框中date的当前日期
如何获取到input输入框中date的当前日期开发工具与关键技术:Visual Studio 2015 作者:徐晶旗撰写时间:2019年6月8日首先input是表单中的一种元素,所以接下来先给 ...

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

Easyui datebox单击文本框显示日期选择相关推荐

最新文章

热门文章