Easyui databox单击文本框显示日期面板

背景:easyui中的databox插件默认情况下只有点击后边的日期小图标才显示日期面板,在某些情况下会感觉很不方便,如何才能实现点击文本框时也能出现日期面板呢?
实现方法:
  1. 打开jquery.easyui.min.js文件(我用的是1.5.1版本)找到下边这段代码:
    var _4f2=tb.find(".textbox-text");
    var btn=tb.find(".textbox-button");
    var _4f3=tb.find(".textbox-addon");
    var _4f4=_4f3.find(".textbox-icon");
    if(opts.height=="auto"){
    _4f2.css({margin:"",paddingTop:"",paddingBottom:"",height:"",lineHeight:""});
    }
    tb._size(opts,_4f0);

  2. 在第一步中搜索到的代码后边加上如下代码(注意不同版本有所区别):
    if ($(_4ed).hasClass("datebox-f")) {
    _4f2.click(function() {
    _4f4.click();
    });
    }

easyui databox点击文本框弹出日期面板

你可能感兴趣的:(Easyui databox单击文本框显示日期面板)