【layui】laydate选中日期后，即刻关闭弹出框

m0_37158404

于 2021-05-13 18:59:31 发布

阅读量1.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.csdn.net/m0_37158404/article/details/116761687

layui 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何利用laydate库实现网页上的年份选择功能。通过配置参数elem、type和trigger等，使得用户能够方便地选取特定年份。同时，文章还展示了如何通过监听事件来增强交互体验。

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

 laydate.render({
                elem: '#yearInput',
                type: 'year',
                trigger: 'click',
                showBottom: false,
                // 选中某个年份后即刻关闭弹出框，年份扔可以左右点击选择
                change: function (value, date, endDate) { // 监听日期被切换
                    $('#yearInput').val(value);
                    $('.laydate-year-list').on('click','li',function () { // 监听点击事件
                        $('.layui-laydate').remove()
                    })
                }
            });