首页 > 其他 > 详细

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

时间:2021-08-12 23:38:53      阅读:15      评论:0      收藏:0      [点我收藏+]

 

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

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

具体代码如下

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
日期时间选择器 
可选择:年、月、日、时、分、秒

 

 

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

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!