layui时间选择框限定最大和最小日期

最新推荐文章于 2023-12-18 16:44:23 发布

原创最新推荐文章于 2023-12-18 16:44:23 发布 · 1.9k 阅读

1 ·

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

标签

#jquery

收录于

本文介绍如何使用layui日期选择器组件，通过示例代码展示了如何设置最大和最小选择时间，确保用户只能选择当前时间之前的日期作为最大限制，以及当前时间之后的日期作为最小限制。同时，文章还分享了如何初始化表单元素和清除输入框缓存的方法。

max为最大选择时间（只可选择之前时间），min为最小选择时间（只可选择之后时间）

 	    laydate.render({
            elem: '#Add_entryTime',
            type: 'datetime',
            max: minDate()
        });
        laydate.render({
            elem: '#Add_dateofbirth',
            type: 'datetime',
            min: minDate()
        });
        // 设置可选日期
        function minDate() {
            var now = new Date();
            return now.getFullYear() + "-" + (now.getMonth() + 1) + "-" + now.getDate();
        }

        //清除弹出框数据缓存
        $("#Add_PRO input").val("");
        $("#Add_gender").val("");

修复layui显示异常问题

     layui.use('form', function () {
                    var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
                    form.render();
                });