在引導日期選擇日曆中的日期範圍選擇後禁用將來的日期

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