Zapobiegaj używaniu datepicker jQuery UI w celu zmiany wartości pola tekstowego, jeśli jest poza zasięgiem

Question

Mam pole tekstowe (w formularzu) ustawione tak, aby wyświetlało datepicker jQuery UI na fokusie.

Używając PHP (na ekranie aktualizacji) zapełniam wartość tego pola tekstowego (gdy strona ładuje się) za pomocą ciągu dat na podstawie danych poprzedniego użytkownika końcowego dla danego rekordu.

Mój problem polega na tym, że ustawiłem mój datepicker za pomocą opcji minDate i maxDate, które ograniczają ingerencję w oryginalną wartość wyświetlaną w moim polu tekstowym.

Jeśli ciąg pola tekstowego jest mniejszy niż wartość minimalna, pole tekstowe zostanie ustawione na wartość minDate.

Potrzebuję pierwotnej wartości, aby pozostała niezmieniona, nawet jeśli wypadnie poza zakresem kalendarza (wartości minDate lub maxDate), chyba że zmiana została wykonana przez użytkownika z kalendarza.

przykład:

minDate: 01-04-2013 (dd-mm-yy) 
maxDate: 30-04-2013 (dd-mm-yy) 
Original text field value: 16-03-2013 (dd-mm-yy) 
Displayed text field value: 01-04-2013 (dd-mm-yy) 

Chodzi o to, że opcje minDate i MaxDate ograniczenia końcowego użytkownika do wejścia/modyfikacji danych w pewnym zdefiniowanym okresie od bieżącej.

Używam jQuery UI Datepicker 1.8.16 i biblioteki jQuery JavaScript v1.6.2. Przeglądarki: Internet   Explorer   7 i nowsze wersje, Firefox

Answer 1

Oto jeden ze sposobów na jego usunięcie.

$(document).ready(function() 
{ 
    var DateLimits = {min:null, max:null}; 

    DateLimits.min = new Date(Date.parse("01-01-2014")); 
    DateLimits.max = new Date(Date.parse("12-31-2014")); 

    $("#datepicker").datepicker(
    { 
     dateFormat: "mm-dd-yy", 
     minDate: DateLimits.min, 
     maxDate: DateLimits.max 
    }); 
}); 

Oto Fiddle: http://jsfiddle.net/DEfQL/1/

Inspiracja od: How can I set the minDate/maxDate for jQueryUI Datepicker using a string?