layui 日历插件选择后点击空白处获取选择值（change）

最新推荐文章于 2024-09-27 10:20:48 发布

原创最新推荐文章于 2024-09-27 10:20:48 发布 · 1.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#layui #laydate #change

收录于

本文详细介绍了laydate日期插件的3个主要回调函数：ready、change和done，并提供了一个使用示例，展示了如何在change事件中设置日期并隐藏日历控件。通过对这些回调函数的掌握，可以更好地在实际项目中应用laydate进行日期时间选择。

通过文档可知，laydate有3个回调函数
1、ready
控件初始打开的回调
2、change
点击选择日期后触发
3、done
点击日期、清空、现在、确定均会触发

laydate.render({
            elem: '#startDate'
            , type: 'datetime'
            , min: minTime
            , max: maxTime
            ,showBottom: false
            , change: function(value, date, endDate){
                $("#startDate").val(value); //设置时间为选择时间
                if($(".layui-laydate").length){ //隐藏日历控件
        　　　　　　$(".layui-laydate").remove();
        　　　　}
            }
        });