欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

easyui-datetimebox 控件绑定双击事件实现自动选中当前日期时间

程序员文章站 2023-12-24 20:22:39
本方法是在不改变原 js 的情况下,通过扩展方法来实现本目的 首先在 datetimebox 控件中扩展一个 绑定双击事件 的方法 然后在 datetimebox 控件中的 onShowPanel 事件中 进行绑定双击事件 注意:上述两个 扩展必须 放在 加载 datetimebox 控件 之前。 ......

本方法是在不改变原 js 的情况下,通过扩展方法来实现本目的

首先在 datetimebox 控件中扩展一个 绑定双击事件 的方法

 1 $.extend($.fn.datetimebox.methods, {
 2     //绑定双击事件方法
 3     binddblclick: function (jq) {
 4         var panel = $(jq).combo("panel");
 5         panel.find(".calendar-dtable tbody").unbind(".calendar").bind("dblclick.calendar", function (e) {
 6             var calendar = $(jq).datetimebox("calendar");
 7             var spinner = $(jq).datetimebox("spinner");
 8             var current = calendar.calendar("options").current;
 9 
10             var year = current.getfullyear();
11             var month = current.getmonth() + 1;
12             var date = current.getdate();
13             var time = spinner.spinner("getvalue");
14 
15             var datetime = year + "-" + month + "-" + date + " " + time;
16 
17             $(jq).datetimebox("setvalue", datetime);
18 
19             $(jq).combo("hidepanel");
20         });
21     }
22 });

然后在 datetimebox 控件中的 onshowpanel 事件中 进行绑定双击事件

1 $.extend($.fn.datetimebox.defaults, {
2     onshowpanel: function () {
3         $(this).datetimebox("binddblclick");
4     }
5 });

注意:上述两个 扩展必须 放在 加载 datetimebox 控件 之前。

该方法是在 easyui-1.7.0 版本的基础上 开发出来的。

上一篇:

下一篇: