Skip to content

ITcoder007/EasyUI-DateBox

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

image

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

效果演示: 点击

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 94.1%
  • HTML 5.9%