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

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

贼猫子

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

阅读量1.7k

点赞数

分类专栏： js

本文链接：https://blog.csdn.net/weixin_41700532/article/details/88707680

版权

js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

    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
                        }
                    }
                }
            }
        });
    },