Impedire che datepicker dell'interfaccia utente jQuery non modifichi il valore di un campo di testo se fuori intervallo

Question

Ho un campo di testo (in una forma) impostato per visualizzare l'interfaccia utente jQuery su DatePicker.

Utilizzo di PHP (nella schermata di aggiornamento) Popolare il valore di questo campo di testo (quando la pagina viene caricata) con una stringa di data basata sull'input dell'utente finale precedente per questo particolare record.

Il mio problema è che ho impostato il mio DatePicker con le opzioni minDate e maxDate, quei limiti manomettono il valore originale visualizzato nel mio campo di testo.

Se la stringa del campo di testo è inferiore al valore minimo, il campo di testo viene impostato sul valore di minDate.

Ho bisogno che il valore originale rimanga invariato anche se cade fuori dall'intervallo del calendario (valori minDate o maxDate) a meno che l'utente non modifichi il calendario.

Esempio:

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) 

L'idea è che le opzioni MinDate e MaxDate limitano l'utente finale di inserire/modificare i dati entro un certo periodo definito dalla data corrente.

Sto usando jQuery UI Datepicker 1.8.16 e libreria jQuery JavaScript v1.6.2. Browser: Internet   Explorer   7 e successivi, Firefox

Answer 1

Ecco un modo per rimuoverlo.

$(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 
    }); 
}); 

Ecco il violino: http://jsfiddle.net/DEfQL/1/

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