Jak ustawić minimalną i maksymalną datę dynamicznie w jquery UI wyboru daty

Question

Umieściłem dwa datepikcer od daty i daty na mojej stronie internetowej do generowania raportów. Chcę zastosować sprawdzanie poprawności w obu datepicker do wyboru daty. Napisałem wspólny kod jquery dla ustawionej minimalnej i maksymalnej daty obu datepikcer, ale to nie działało dla mnie. Mam również napisać kod dla ustawionej minimalnej i maksymalnej daty na zamknięcie datepicker.

Moim wymaganiem jest to, że chcę ustawić minimalną i maksymalną datę dynamicznie, gdy inicjowany jest datepicker. Następnie po również ustawić inną maksymalną i minimalną datę, kiedy użytkownik może wybrać datę z dowolnego datepicker

$("#frm_date").datepicker({ 
showOn: 'button', 
buttonImage: 'images/calendar.gif', 
buttonImageOnly: true, 
dateFormat:'yy-mm-dd', 
onClose: function(selectedDate) { 
          $("#to_date").datepicker("option", "minDate", selectedDate); 
       } 
}); 


$("#to_date").datepicker({ 
showOn: 'button', 
buttonImage: 'images/calendar.gif', 
buttonImageOnly: true, 
dateFormat:'yy-mm-dd', 
onClose: function(selectedDate) { 
         $("#frm_date").datepicker("option", "maxDate", selectedDate); 
        } 
}); 

$(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'}); 

Answer 1

Mam rozwiązać mój problem z użyciem poniższego kodu.
Zobacz także poniższe rozwiązanie na stronie forum jquery. https://forum.jquery.com/topic/how-to-set-minimum-and-maximum-date-dynamically-in-jquery-ui-date-picker

$.datepicker.setDefaults({ 
      showOn: 'button', 
      buttonImage: 'images/calendar.gif', 
      buttonImageOnly: true, 
      dateFormat: 'yy-mm-dd', 
      minDate: '2013-09-10', 
      maxDate: '2013-10-10' 
    }); 
    $('#frm_date').datepicker({ 
      onSelect: function(selectedDate) { 
       $('#to_date').datepicker('option', 'minDate', selectedDate || '2013-09-10'); 
      } 
    }); 
    $('#to_date').datepicker({ 
      onSelect: function(selectedDate) { 
       $('#frm_date').datepicker('option', 'maxDate', selectedDate || '2013-10-10'); 
      } 
    }); 

    $(".datepick").datepicker({dateFormat:'yy-mm-dd',minDate:'2013-09-10' ,maxDate:'2013-10-10'}); 

Answer 2

Można zadzwonić beforeShow sposób ustawić dowolną opcję tuż przed kalendarz jest pokazany:

$("#to_date").datepicker({ 
    beforeShow:function(){ 
     $(this).datepicker('option', 
          { 
           minDate:new Date() 
          } 
         ); 
    } 
});