在引导日期选择日历中的日期范围选择后禁用将来的日期

Question

$(document).ready(function(){ 
    $("#from").datepicker({maxDate:"+6D"}); 
    $("#to").datepicker({ 
     onSelect: function() { 
      var toDate = $(this).datepicker('getDate'); 
      toDate.setDate(toDate.getDate()+6) 
      $("#from").datepicker("setDate", toDate); 
     } 
    }); 
}); 

我想禁用日期范围选择后的所有日期。 E.G.-我将选择开始日期1 feb所以迄今为止将自动填充7 feb.I想在7 feb之后所有日期将被禁用。这个所有功能都想在jquery日历中引导日历。

Answer 1

这是你需要做的。加入6天从日期选择写changeDate事件#from - datepicker和使用选项，如setStartDate，setEndDate和setDate。

$("#from").datepicker({ 
    startDate: new Date() 
}).on('changeDate',function(e){ 
    var newDate=new Date();//get today's date instance 
    newDate.setDate(e.date.getDate()+6); //add selected from date + 6 to today's date 
    $("#to").datepicker('setDate',newDate); //setDate of to 
    $("#to").datepicker('setEndDate',newDate);//setEndDate of to 
    $("#to").datepicker('setStartDate',e.date);//setStartDate of to 
}); 
$("#to").datepicker(); 

Fiddle Here