layui的时间框开始时间、结束时间限制

最新推荐文章于 2024-08-22 17:29:05 发布

贼猫子

最新推荐文章于 2024-08-22 17:29:05 发布

阅读量1.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/weixin_41700532/article/details/88707680

js 专栏收录该内容

15 篇文章

订阅专栏

博客围绕Layui时间框展开，重点关注开始时间和结束时间的限制相关内容，虽未给出具体内容，但可知是关于信息技术中前端开发里Layui框架在时间框设置方面的应用。

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

    createTimeInit:function (start,end){
        var time = new Date();//当前时间
        var startTime = layui.laydate.render({
                elem:start,
                min:hs.formatDate(time),
                done: function (value,date,endDate) {
                    //如果修改的开始时间为空，初始化控件
                    if(value){
                        endTime.config.min = {
                            year: time.getFullYear(),
                            month: time.getMonth(),
                            date:time.getDate()
                        }
                    }else {
                        endTime.config.min = {
                            year: date.year,
                            month: date.month-1,
                            date:date.date
                        }
                    }
                }
            });

        var endTime = layui.laydate.render({
            elem:end,
            min:hs.formatDate(time),
            done:function (value,date,endDate) {
                if(value){
                    startTime.config.max = {
                        year: time.getFullYear()+10,
                        month: time.getMonth(),
                        date:time.getDate()
                    }
                }else {
                    if(new Date(value).getTime() < new Date($(start).val()).getTime() && hs.isNotEmpty($(start).val())){
                        $(end).val("");
                        layui.layer.msg("不在有效日期或时间范围内");
                    }else {
                        startTime.config.max = {
                            year: date.year,
                            month: date.month-1,
                            date:date.date
                        }
                    }
                }
            }
        });
    },