Использовать datepicker, чтобы получить диапазон дат в jquery 1.6.3

Question

Я пытаюсь добавить jquery datepicker на странице jsp, чтобы получить диапазон дат в качестве входных данных. Ниже приведен код, который у меня есть.

$(function() { 
     $("#createdAtFrom").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function(selectedDate) { 
       $("#createdAtTo").datepicker("option", "minDate", selectedDate); 
      } 
     }); 
     $("#createdAtTo").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function(selectedDate) { 
       $("#createdAtFrom").datepicker("option", "maxDate", selectedDate); 
      } 
     }); 
    }); 

Когда я использовал это я получаю неопределенное значение в OnClose метода, поэтому, как только я открываю DatePicker, а затем закрыть его, я больше не получаю каландр для загрузки. Я использую jquery 1.6.3, возможно ли, чтобы это работало и как я могу это сделать?

Answer 1

Следующий код решил проблему.

<script> 
    $(function() { 
     $("#createdAtFrom").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#createdAtTo").datepicker({minDate: 
         new Date($('#createdAtFrom').datepicker("getDate"))}); 
      } 
     }); 
     $("#createdAtTo").datepicker({ 
      defaultDate: "+1w", 
      changeMonth: true, 
      numberOfMonths: 1, 
      onClose: function (selectedDate) { 
       $("#createdAtFrom").datepicker({maxDate: new 
         Date($('#createdAtTo').datepicker("getDate"))}); 
      } 
     }); 
    }); 
</script> 

источник: - http://cdwijayarathna.blogspot.com/2015/10/adding-jquery-datepicker-to-select-date.html

Answer 2

Этот код успешно запущен на моей странице jsp. Надеюсь, это тоже сработает.

$(function() { 
    $("#from, #to").datepicker({ 
     defaultDate: "+1w", 
     changeMonth: true, 
     numberOfMonths: 3, 
     onSelect: function(selectedDate) { 
      if(this.id == 'from'){ 
       var dateMin = $('#from').datepicker("getDate"); 
       var rMin = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 1); 
       var rMax = new Date(dateMin.getFullYear(), dateMin.getMonth(),dateMin.getDate() + 61); 
       $('#from').datepicker("option","minDate",rMin);     $('#to').datepicker("option","maxDate",rMax);      
      } 

     } 
    }); 
});