datetimebox 日期控件绑定双击日期选择时间

最新推荐文章于 2023-11-06 22:00:00 发布

原创最新推荐文章于 2023-11-06 22:00:00 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍如何修改EasyUI的datetimebox控件，使其支持双击日期直接选中并关闭面板的功能，适用于不需要选择时间的场景。

datetimebox 日期控件绑定双击日期选择时间

easyui自带的datetimebox日期控件选择日期后必选点击确定键才能够关闭日期面板，对于不需要选择时分秒时间的场景非常不方便，修改源码可以给日期绑定双击直接关闭日期面板，并选中当前日期。

源码修改

easyui版本：jQuery EasyUI 1.4.4

修改代码位置：

全文件搜索 "click.calendar"定位在触发单击日期事件，在单击事件后继续添加如下代码：

.bind("dblclick.calendar",function(e){

        var t
 = _562(e.target);

        if(t.hasClass("calendar-day")){

            var clickOk=$(_560).parent().siblings(".datebox-button").find("a[datebox-button-index='1']");

            clickOk.trigger("click");

        }

    });//注意此处_560为日期面板对象