博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery easyui datebox单击文本框显示日期选择
阅读量:6236 次
发布时间:2019-06-22

本文共 1080 字,大约阅读时间需要 3 分钟。

jquery easyui的datebox日历控件,实现单击文本框出现日历选择,如下图:

 

代码:

修改jquery.easyui.min.js第9797行函数(jQuery EasyUI 1.3.2),添加红色文字部分

 

function _745(_746,_747){

var opts=$.data(_746,"combo").options;
var _748=$.data(_746,"combo").combo;
var _749=$.data(_746,"combo").panel;
if(_747){
opts.width=_747;
}
if(isNaN(opts.width)){
var c=$(_746).clone();
c.css("visibility","hidden");
c.appendTo("body");
opts.width=c.outerWidth();
c.remove();
}
_748.appendTo("body");
var _74a=_748.find("input.combo-text");
var _74b = _748.find(".combo-arrow");
var _74c = opts.hasDownArrow ? _74b._outerWidth() : 0;

//blueusn 2013-02-28

//datebox单击文本框出现日期选择
if ($(_746).hasClass("datebox-f"))
{
_74a.click(function () {
_74b.click();
});
}

_748._outerWidth(opts.width)._outerHeight(opts.height);

_74a._outerWidth(_748.width()-_74c);
_74a.css({height:_748.height()+"px",lineHeight:_748.height()+"px"});
_74b._outerHeight(_748.height());
_749.panel("resize",{width:(opts.panelWidth?opts.panelWidth:_748.outerWidth()),height:opts.panelHeight});
_748.insertAfter(_746);
};

转载于:https://www.cnblogs.com/zhangxu724100/p/3573661.html

你可能感兴趣的文章
《转》程序员每年要做的十件事
查看>>
Android实现XML解析技术
查看>>
asp.net使用include包含文件
查看>>
迪米特法则
查看>>
Sql Server数据库自增长字段标识列的插入或更新修改操作办法
查看>>
CentOS,Fedora,Debian,Ubuntu,SuSE——我到底爱谁
查看>>
js方法call和apply实例解析
查看>>
也谈读书和书籍选择问题(C#)
查看>>
Jquery 数组操作(转)
查看>>
【BZOJ】1093: [ZJOI2007]最大半连通子图(tarjan+拓扑序)
查看>>
老码农教你学英语
查看>>
博客转发小工具2
查看>>
simple_html_dom使用小结
查看>>
Unity手游之路<七>角色控制器
查看>>
puma vs passenger vs rainbows! vs unicorn vs thin 适用场景 及 performance
查看>>
js中的总结汇总(以后的都收集到这篇)
查看>>
QQ左侧滑动显示
查看>>
sql server中局部变量与全局变量的 申明与赋值(转)
查看>>
从无线安全到内网渗透
查看>>
Xamarin iOS教程之申请付费开发者账号下载证书
查看>>