layui日期Date控件，开始时间为当前时间结束时间必须大于开始时间

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接： https://blog.csdn.net/iChangebaobao/article/details/101511896

html

 <div class=" layui-form-item">
  <label class="layui-form-label">开始时间<span style="color: red"> *</span> </label>
     <div class="layui-input-block">
         <input type="text" class="layui-input" id="start"  >
     </div>
 </div>
 <div class=" layui-form-item">
     <label class="layui-form-label">结束时间<span style="color: red"> *</span> </label>
     <div class="layui-input-block">
         <input type="text" class="layui-input" id="end" > 
     </div>
 </div> 

js

//开始时间为当前时间,其实就是设置开始时间的最小时间为当前时间

// 设置最小可选的日期
function minDate(){
     var now = new Date();
     var month= now.getMonth()+1;
     month= month<10?('0'+month):month; 
     var day=now.getDate();
     day=day<10?('0'+day):day; //替换2019-1-1为2019-01-01
     console.log(now.getFullYear()+"-" +month+ "-" + day);
     return now.getFullYear()+"-" +month+ "-" + day;
 } 

layui.use(['layer', 'form', 'laydate'], function () {
         var form = layui.form,
             laydate = layui.laydate,
             layer = layui.layer,
             date=new Date();
 
         //日期选择器
         var startDate=laydate.render({//开始时间
             elem: '#start', 
             type: 'date', 
             format:'yyyy-MM-dd',
             min:minDate(),
             trigger: 'click', //采用click弹出
             value:date,
             choose:function(data){
                 console.log(data);
             },
             done: function(value, date){
                 console.log(value); //得到日期生成的值，如：2017-08-18
                 console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                 endDate.config.min ={
                     year:date.year,
                     month:date.month-1, //关键
                     date: date.date 
                 };  
             }
         });
         //日期选择器
         var endDate=laydate.render({//结束时间
             elem: '#end', 
             type: 'date', 
             format:'yyyy-MM-dd',
             min:minDate(),
             trigger: 'click', //采用click弹出
             value:date,
             choose:function(){
                 console.log(data);
             },
             done: function(value, date){
                 console.log(value); //得到日期生成的值，如：2017-08-18
                 console.log(date); //得到日期时间对象：{year: 2017, month: 8, date: 18, hours: 0, minutes: 0, seconds: 0}
                 startDate.config.max={
                     year:date.year,
                     month:date.month-1,//关键
                     date: date.date 
                 }; 
             }
         }); 
      });

总结by https://blog.csdn.net/qq_35979073/article/details/79746539 ，侵删