jquery实现单独使用laydate时间控件设置开始时间,结束时间最大最小值以及设置默认时分秒

在这里插入图片描述
在这里插入图片描述
因项目内 会话时间所用框架为layui 里面的laydate时间控件
具体的设置文档里面都有些
我所用的这个不是日期时间范围 而是单独的日期+时间的控件
意思就是两个是单独的
但是需要设置的是 开始最大 时间为结束时间的最小值
结束最小时间为开始结束的最大值 其余不能点击
在这里插入图片描述
当我选择了开始时间是8月15日 结束时间8月15日之前就不可选
当我选择了结束时间是8月15日 开始时间8月15日之后不可选
并且结束时间的时间点应该设置在23:59:59
代码如下:

 var start;
       //开始时间input框id
        $('#callDateTimeBegin').each(function(){
            start = laydate.render({
                elem: this, //绑定的元素
                type: 'datetime',
                range: false, //是否开日期时间范围(双日期)
                theme: '#4a99ec', //主题 墨绿
                trigger: 'click', //触发机制 必须为click 否则会出现闪退
                done: function(value, date){
                    end.config.min = {
                        year : date.year,
                        month : date.month - 1,
                        date : date.date,
                        hours : date.hours,
                        minutes : date.minutes,
                        seconds : date.seconds
                    }; //开始日选好后,重置结束日的最小日期
                }
            });
        });
        var end;
         //结束时间input框id
        $('#callDateTimeEnd').each(function(){
            end = laydate.render({
                elem:this,
                id:'text',
                value:setEndTime(), //设置点开的默认时间为当前时间 23:59:59
                isInitValue:false,
                type: 'datetime',
                range: false, //是否开日期时间范围(双日期)
                theme: '#4a99ec', //主题 墨绿
                trigger: 'click', //触发机制 必须为click 否则会出现闪退
                done: function (value, date) {
                    start.config.max = {
                        year: date.year,
                        month: date.month - 1,
                        date: date.date,
                        hours: date.hours,
                        minutes: date.minutes,
                        seconds: date.seconds
                    }; //结束日选好后,重置开始日的最大日期
                }
            });
        });
        function  setEndTime(){
            var time = new Date()
            var year = time.getFullYear();
            var month = time.getMonth() + 1;
            var day = time.getDate();
            month = month >= 10 ? month : ('0' + month);
            day = day >= 10 ? day : ('0' + day);
            var endTime = year+'-'+month+'-'+day+' '+'23:59:59'
            return endTime
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值