zoukankan      html  css  js  c++  java
  • 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",{(opts.panelWidth?opts.panelWidth:_842.outerWidth()),height:opts.panelHeight});
    _842.insertAfter(_83f);
    };
  • 相关阅读:
    python模块----os
    shell脚本中给字符串添加颜色
    shell脚本的多线程
    Python读取xlsx文件
    修改docker出现中文字符出现乱码的问题
    Django基本命令
    C#排列数字组合方法
    SQL 参数化模糊查询
    iframe自适应高度
    Vue.js配合ajax绑定数据
  • 原文地址:https://www.cnblogs.com/huangf714/p/5898916.html
Copyright © 2011-2022 走看看