селектор диапазона в месяц и год сборщик в jquery ui

Question

У меня есть два текстовых поля, которые выбирают месяц и год, используя jquery-UI.it, отлично подходит для обоих текстовых полей. Теперь я хочу, чтобы, если пользователь выбирает месяц с (текстовое поле), тогда mindate (month) для to (textbox) должен быть месяц, выбранный пользователем в поле From textbox. Как я могу это достичь. Вот мой код для отображения месяца и года.

  $("#<%=frm_txtdatefrm.ClientID %>").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      showButtonPanel: true, 
      dateFormat: 'M yy' 
     }).focus(function() { 
      var thisCalendar = $(this); 
      $('.ui-datepicker-calendar').detach(); 
      $('.ui-datepicker-close').click(function() { 
       var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
       thisCalendar.datepicker('setDate', new Date(year, month, 1)); 
      }); 
     }); 

     $("#<%=frm_txtdateto.ClientID %>").datepicker({ 
      changeMonth: true, 
      changeYear: true, 
      showButtonPanel: true, 
      dateFormat: 'M yy' 
     }).focus(function() { 
      var thisCalendar = $(this); 
      $('.ui-datepicker-calendar').detach(); 
      $('.ui-datepicker-close').click(function() { 
       var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val(); 
       var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val(); 
       thisCalendar.datepicker('setDate', new Date(year, month, 1)); 
      }); 
     }); 

Answer 1

Существует пример выбора диапазона дат на jQuery UI website.

Добавить функцию для onClose event и установить значение для опции minDate.

Вот код из примера:

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