layui.laydate 日历时间控件闪退问题

最新推荐文章于 2022-10-08 16:13:32 发布

程序媛zcx

最新推荐文章于 2022-10-08 16:13:32 发布

阅读量432

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 layui

本文链接：https://blog.csdn.net/qq_40015157/article/details/119913159

前端同时被 2 个专栏收录

37 篇文章

订阅专栏

layui

10 篇文章

订阅专栏

这篇博客讨论了一个在使用自定义弹出控件时遇到的问题，即当用户点击输入框的上边框时，时间选择弹框意外关闭。文章提到了触发弹出控件的事件默认为`focus`，但可以设置为`click`来避免这个问题。示例代码展示了如何在 Laydate 时间插件中配置此选项，以确保时间选择器在点击输入框时稳定显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

点击输入框内时，时间弹框正常弹出，但当鼠标点到输入框的上边框时，时间弹框闪退。

trigger - 自定义弹出控件的事件

类型：String，默认值：focus，如果绑定的元素非输入框，则默认事件为：click

加上 trigger:'click' ，//采用click弹出好了

<input type="text" class="layui-input" id="test2" placeholder="HH:mm:ss" autocomplete="off" readonly>


   
 laydate.render({
        elem: '#test2'
        , type: 'time'
        , value: '00:00:00'
        , trigger: 'click'
        , btns: ['now', 'confirm']
        // , isInitValue: false //是否允许填充初始值，默认为 true
        , done: function (value, date) {
            console.log(value, date);
        }
    });