layui 时间限制

最新推荐文章于 2023-03-15 12:06:25 发布

wangwei073532

最新推荐文章于 2023-03-15 12:06:25 发布

阅读量411

点赞数

CC 4.0 BY-SA版权

文章标签： javascript jquery

本文链接：https://blog.youkuaiyun.com/wangwei073532/article/details/104655819

本文介绍如何使用layui的laydate插件实现日期选择器的功能，具体包括设置开始时间和结束时间的逻辑，确保开始时间小于结束时间，且两者之间的时间跨度不超过5天。通过配置laydate实例，动态调整日期范围，实现日期的有效性和限制。

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

layui2.5 moment 2.24
开始时间小于结束时间，并且只有5天跨度可以选择
layui.use(‘laydate’, function(){
var laydate = layui.laydate;

        //执行一个laydate实例
        var start = laydate.render({
            elem: '#startTime', //指定元素
            type:'date',
            // value:$scope.startTime ,
            calendar: true,
            btns: ['clear', 'confirm'],
            done: function(value, date, endDate){
               // $scope.startTime = value
                end.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                }
                var max = moment(value).add(4, 'days').format('YYYY-MM-DD')
                var day = moment(max).date()
                var month = moment(max).month()
                var year = moment(year).year()
                end.config.max = {
                    year: year,
                    month: month,
                    date: day,
                }
            }
        });

        var end = laydate.render({
            elem: '#endTime', //指定元素
            type:'date',
            // value:$scope.endTime,
            calendar: true,
            btns: ['clear', 'confirm'],
            done: function(value, date, endDate){
             //   $scope.endTime = value
                start.config.max = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                }
                var min = moment(value).subtract(4, 'days').format('YYYY-MM-DD')
                var day = moment(min).date()
                var month = moment(min).month()
                var year = moment(min).year()
                start.config.min = {
                    year: year,
                    month: month,
                    date: day,
                }
            }
        });

    });