ブートストラップ日付ピッカーカレンダーの日付範囲選択後に将来の日付を無効にする

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になります。7 feb後にすべての日付が無効になります。このすべての機能は、jqueryカレンダーではなく、カレンダーをブートストラップする必要があります。

Answer 1

ここにあなたがする必要があります。 #from - datepickerの場合はchangeDateイベントを書き込み、setStartDate,setEndDate、setDateなどのオプションを日付から選択して+6日を追加して使用してください。

$("#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