jQuery UI的日期選擇器日期範圍6個月時限

Question

我使用jQuery UI日期選擇器（日期範圍），我想將它限制到6個月

var dates = $("#availability_date_from, #availability_date_to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate:'0', 

     yearRange:'c-18:c', 

     onSelect: function(selectedDate) { 

      var option = this.id == "availability_date_from" ? "minDate" : "maxDate", 

       instance = $(this).data("datepicker"), 

       date = $.datepicker.parseDate(
        instance.settings.dateFormat || 
        $.datepicker._defaults.dateFormat, 
        selectedDate, instance.settings); 
      dates.not(this).datepicker("option", option, date); 


      if(this.id == "availability_date_to"){ 

       commonJSComplete(this.value,'availability_date_to'); 
       $('#responsecontainer').load('profilemeter.php'); 
      } 
      else if(this.id == "availability_date_from"){ 
       commonJSComplete(this.value,'availability_date_from'); 
      } 

     } 

    }); 

Answer 1

嘗試：

var dates = $("#availability_date_from, #availability_date_to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 1, 
     minDate:'0', 
     maxDate: '+6m', //add this 
..... 

Answer 2

你可以得到月份/日/年，然後相應地更改該值。我需要一個條件，用戶只需要從日期選擇器中選擇最多6個月。因此，當選擇to_date時，我將從最近的日期開始設置一個比選定的to_date低6個月的值。試試這個，讓我知道:)

$("#txtFromDate").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function(selectedDate) { 
     $("#txtToDate").datepicker("option", "minDate", selectedDate); 
    } 
}); 
$("#txtToDate").datepicker({ 
    dateFormat: 'yy-mm-dd', 
    changeMonth: true, 
    changeYear: true, 
    onSelect: function(selectedDate , instance) { 

     var minDate = $.datepicker.parseDate(instance.settings.dateFormat, selectedDate, instance.settings) 
     minDate.setMonth(minDate.getMonth() - 6); 
     $("#txtFromDate").datepicker("option", "minDate", minDate); 
    } 
});