layui中laydate的使用——设置动态时间范围限制、重置时间范围(清空动态限制)

如果使用layui插件,然后在时间设置上,有范围限制的需求时,可以直接使用range,这里主要讲,不用range,而是用两个独立的时间选项,如何做时间范围的控制!!!

 

目录

应用场景

需求分析

前端代码

js代码

注意事项:

最终实现:


应用场景

需求分析

  1. 发起时间的默认最大可选值为当前日期
  2. 发起时间从,的最大可选日期为,发起时间至选中的日期
  3. 发起时间至,的最小可选日期为,发起时间从选中的日期
  4. 单击重置时,发起时间从,发起时间至,的时间范围限制恢复为默认情况,即清空动态变化

比如:当前时间为2018.08.31,发起时间从,发起时间至,默认最大可选日期为2018.08.31,如果发起时间从,选择了2018.08.29,那么发起时间至,可选范围变成29号到31号;如果发起时间至选择了27号,那发起时间从的可选最大值不再是31号,而是变成27号

评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值