设置layUI的时间laydate 结束时间大于开始时间

其实就是在结束时间框里设置开始时间的最大时间

在开始时间框里设置结束时间的最小时间

具体代码如下

layui.use('laydate', function () {
        var laydate = layui.laydate;
        var startDate = laydate.render({
            elem: startEl,
            type: type,
            trigger: 'click',
            max:"2099-12-31",//设置一个默认最大值
            done: function(value, date) {
                // 结束时间大于开始时间
                endDate.config.min ={
                    year:date.year,
                    month:date.month-1, //关键
                    date: date.date,
                    hours: 0,
                    minutes: 0,
                    seconds : 0
                };
            }
        });
        var endDate = laydate.render({
            elem: endEl,
            type: type,
            min:"1970-1-1",//设置min默认最小值
            trigger: 'click',
            done: function(value, date) {
                // 开始时间小于结束时间
                startDate.config.max={
                    year:date.year,
                    month:date.month-1,//关键
                    date: date.date,
                    hours: 0,
                    minutes: 0,
                    seconds : 0
                }
            }
        });
    });

此外:

type - 控件选择类型


类型:String,默认值:date

用于单独提供不同的选择器类型,可选值如下表:

type可选值
名称
用途
year
年选择器
只提供年列表选择
month
年月选择器
只提供年、月选择 
date
日期选择器
可选择:年、月、日。type默认值,一般可不填
time
时间选择器
 只提供时、分、秒选择
datetime
日期时间选择器 
可选择:年、月、日、时、分、秒

 

原文地址:https://www.cnblogs.com/sherryweb/p/15134267.html