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

$(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日曆中引導日曆。在引導日期選擇日曆中的日期範圍選擇後禁用將來的日期

來源

2017-03-01 Aditi

您使用的日曆什麼特別的插件？因爲有很多bootstrap日曆插件可用.. –

你能否提供鏈接到插件？ –

https://bootstrap-datepicker.readthedocs.io/en/latest/我正在使用這個日曆。 – Aditi

這是你需要做的。加入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

來源

2017-03-02 04:49:04

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

回答

相關問題