layui laydate.render 限制日期时间限制不超过范围三个月

原创于 2022-01-23 16:22:49 发布 · 3.5k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#layui #javascript #前端

本文介绍了一个使用laydate插件实现的日期选择器案例，该选择器限制了用户选择的时间范围不能超过90天，并在尝试选择更长的时间范围时提供警告提示。通过JavaScript代码实现了日期范围验证和用户交互。

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

1、根据回调时间检查时间

var flg = 2;
var ins22 = laydate.render({
    elem: '#createTime',
    type: 'datetime',
    trigger: 'click',
    max:'nowTime',
    theme: 'grid',
    range: true, //开启日期范围，默认使用“-”分割
    done: function(value, date, endDate){
        console.log(value, date, endDate);
    },
    change: function(value, date, endDate){
        var startDate= new Date(date.year+"/"+date.month+"/"+date.date+" "+date.hours+":"+date.minutes+":"+date.seconds);
        var endDate= new Date(endDate.year+"/"+endDate.month+"/"+endDate.date+" "+endDate.hours+":"+endDate.minutes+":"+endDate.seconds);
        var dayDate=(endDate.getTime()-startDate.getTime())/(1000*60*60*24);
        if(dayDate>90){
            flg = 0;
            $(".laydate-btns-confirm").addClass("laydate-disabled");
            ins22.hint('日期选择不能超过90天');
        }else {
            if (flg==0){$(".laydate-btns-confirm").removeClass("laydate-disabled");}
            flg = 2;
        }
    }
});

2、修改源码js提示语句