layui/layui2设置时间laydate 结束时间大于开始时间

最新推荐文章于 2024-06-27 15:05:15 发布

小鹏程序

最新推荐文章于 2024-06-27 15:05:15 发布

阅读量5.7k

点赞数 4

分类专栏： JS

本文链接：https://blog.csdn.net/qq_35979073/article/details/79746539

版权

JS 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

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

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

具体代码如下

layui.use(['form', 'laydate'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var endDate= laydate.render({
            elem: '#end_time',//选择器结束时间
            type: 'datetime',
            min:"1970-1-1",//设置min默认最小值
            done: function(value,date){
                startDate.config.max={
                    year:date.year,
                    month:date.month-1,//关键
                    date: date.date,
                    hours: 0,
                    minutes: 0,
                    seconds : 0
                }
            }
        });
        //日期范围
        var startDate=laydate.render({
            elem: '#start_time',
            type: 'datetime',
            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
                };
            }
        });
});