laydate 时间选择组件对日期的控制

关注

转载最新推荐文章于 2026-09-16 11:03:47 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

layui中laydate的使用——设置动态时间范围限制、重置时间范围（清空动态限制）如果使用layui插件，然后在时间设置上，有范围限制的需求时，可以直接使用range，这里主要讲，不用range，而是用两个独立的时间选项，如何做时间范围的控制！！！目录应用场景需求分析前端代码 js代码注意事项：最终实现：应用场景需求分析发起时间的默认最大可选值为当前日期发起时间从，的最大可选日期为，发起时间至选中的日期发起时间至，的最小可... 阅读详情

var start = {
                elem: '#kssj',
                format: 'YYYY/MM/DD hh:mm:ss',
                min: '2000-01-01 00:00:00', //设定最小日期为当前日期
                max: '2099-06-16 23:59:59', //最大日期
                istime: true,
                istoday: false,
                event: 'focus', //响应事件。如果没有传入event，则按照默认的click
                choose: function(datas){
                    end.min = datas; //开始日选好后，重置结束日的最小日期
                    end.start = datas //将结束日的初始值设定为开始日
                }
            };
var end = {
                elem: '#jssj',
                format: 'YYYY/MM/DD hh:mm:ss',
                min: laydate.now(),
                max: '2099-06-16 23:59:59',
                istime: true,
                istoday: false,
                event: 'focus', //响应事件。如果没有传入event，则按照默认的click
                choose: function(datas){
                    start.max = datas; //结束日选好后，重置开始日的最大日期
                }
            };
            laydate(start);
            laydate(end);
最近接触的，想知道对日期的限制，就去看了官方的演示代码，这段是放在js方法中。