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

EasyUI的日期框是点击后面的按钮才打开日历的 


如图  现在我想点击白色的文本框直接弹出日历。在网上找到的版本都是1.3的。所有我自己摸索了一下。

打开jquery源码 jQuery.easyui.min.js

找到这段代码

var _4d2=tb.find(".textbox-text");
var btn=tb.find(".textbox-button");
var _4d3=tb.find(".textbox-addon");
var _4d4=_4d3.find(".textbox-icon");
tb._size(opts,_4d0);

在下面加入如下代码:

if ($(_4cd).hasClass("datebox-f")) {
       _4d2.click(function() {
           _4d4.click();
       });
}

全部代码如下

var _4d2=tb.find(".textbox-text");
var btn=tb.find(".textbox-button");
var _4d3=tb.find(".textbox-addon");
var _4d4=_4d3.find(".textbox-icon");
tb._size(opts,_4d0);


 if ($(_4cd).hasClass("datebox-f")) {
        _4d2.click(function() {
            _4d4.click();
        });
 }

btn.linkbutton("resize",{height:tb.height()});
btn.css({left:(opts.buttonAlign=="left"?0:""),right:(opts.buttonAlign=="right"?0:"")});
_4d3.css({left:(opts.iconAlign=="left"?(opts.buttonAlign=="left"?btn._outerWidth():0):""),right:(opts.iconAlign=="right"?(opts.buttonAlign=="right"?btn._outerWidth():0):"")});
_4d4.css({width:opts.iconWidth+"px",height:tb.height()+"px"});
_4d2.css({paddingLeft:(_4cd.style.paddingLeft||""),paddingRight:(_4cd.style.paddingRight||""),marginLeft:_4d5("left"),marginRight:_4d5("right")});
if(opts.multiline){
_4d2.css({paddingTop:(_4cd.style.paddingTop||""),paddingBottom:(_4cd.style.paddingBottom||"")});
_4d2._outerHeight(tb.height());
}else{
_4d2.css({paddingTop:0,paddingBottom:0,height:tb.height()+"px",lineHeight:tb.height()+"px"});
}
_4d2._outerWidth(tb.width()-_4d4.length*opts.iconWidth-btn._outerWidth());
if(!_4d1){
tb.insertAfter(_4cd);
}
解决!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值