layui 时间插件laydate中动态设置改变min和max值

本文介绍了一个使用layui框架实现的日期选择器组件示例,该组件通过两个日期输入框实现日期范围的选择,并利用laydate插件确保结束日期不会早于开始日期。通过设置最大最小日期限制,实现了日期范围的有效验证。

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

  <div class="layui-inline">  
          <label class="layui-form-label">申请时间</label>  
          <div class="layui-input-inline">  
            <input type="text" class="layui-input" id="timeStart" placeholder=" - ">  
          </div>  
          至  
          <div class="layui-input-inline">  
            <input type="text" class="layui-input" id="timeEnd" placeholder=" - ">  
          </div>  
        </div> 

  

  1. layui.use('laydate', function(){  
  2.   var laydate = layui.laydate;  
  3.   var startDate = laydate.render({  
  4.     elem: '#timeStart'  
  5.     ,max:"2099-12-31"  
  6.     ,done: function(value, date){  
  7.       endDate.config.min ={    
  8.         year:date.year,     
  9.         month:date.month-1,     
  10.         date: date.date  
  11.       };     
  12.     }  
  13.   });  
  14.   var endDate = laydate.render({  
  15.     elem: '#timeEnd'  
  16.     ,min:"1970-1-1"  
  17.     ,done: function (value, date) {    
  18.       startDate.config.max={    
  19.         year:date.year,     
  20.         month:date.month-1,    
  21.         date: date.date  
  22.       }    
  23.     }    
  24.   });  
  25. }) 

 

注意:设置月份时需要减一

  

转载于:https://www.cnblogs.com/holy-amy/p/9100611.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值