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

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

准备工作：需要引入两个插件

HTML 代码

  

   

      开始时间
      

        
      
    
    

      结束时间
      

        
      
    
  

JavaScript 代码

layui.use('laydate', function(){
  var laydate = layui.laydate;
  var startDate=laydate.render({
    elem: '#start'
    ,min: 0  
    ,max: 7
    ,done: function(value, date){
    		//最小值 月份哪里为什么要减一呢？因为month是从零开始的
    		endDate.config.min ={    
        year:date.year,     
        month:date.month-1,     
        date: date.date+1   //加一 的意思就是比当前日期后一天，
      };
      //最大值
      endDate.config.max ={    
        year:date.year,     
        month:date.month-1,     
        date: date.date+8  
      };
    }
  });
  
  var endDate= laydate.render({//渲染结束时间选择
        	elem: '#end'//通过id绑定html中插入的end
        	,min: 0 //
    			,max: 7
        	,done: function (value, dates) {
        		//最小值 月份哪里为什么要减一呢？因为month是重零开始的
		    		startDate.config.min ={    
		        year:date.year,     
		        month:date.month-1,     
		        date: date.date-8  
		      };
		      //最大值
		      startDate.config.max ={    
		        year:date.year,     
		        month:date.month-1,     
		        date: date.date-1  
		      };
           }
       });
  });

注意：月份哪里为什么要减一呢？因为月份的索引是从零开始的。

效果图：