jquery datepicker anno intervallo predefinito

Question

Avendo un po 'un problema con il JQuery datePicker, ho il sospetto che sia solo l'aspetto di un'impostazione che ho trascurato o che ho sbagliato.

Se si guarda a questo semplice violino: JS Fiddle

Vedrai ho impostato l'intervallo di anni, in modo che l'impostazione predefinita quando si fa clic sull'ingresso si aprirà in su nel 1994, ma se fai quindi clic su una di quelle date, ad es 3 settembre, verrà effettivamente inserito nell'input come 2012 ancora, piuttosto che l'anno selezionato nel menu a discesa.

Come posso fare in modo che utilizzi l'anno corretto senza dover cambiare il menu a discesa e quindi modificarlo di nuovo?

Cheers.

Answer 1

Strano, ma aggiungere defaultDate:"1994-01-01" alle opzioni datepicker sembra risolverlo.

Fiddle

Answer 2

Penso che ho avuto la ragione .. E 'a causa yearRange: basta limitare la gamma in un solo menu a discesa. Semplicemente cambia la lista nient'altro.

Essi palazzo questa qui ..

http://jqueryui.com/demos/datepicker/#option-yearRange [Si noti che questa opzione ha effetto solo ciò che appare nel menu a discesa, per limitare che risale può essere scelto utilizzare le opzioni MaxDate MinDate e/o.]

Per esporre questo ... impostare il selettore di date come sotto e troverete tutte le disabilitazione di data. perché ci segare la calandra del 2012 non 1994

$('.datePicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     changeYear: true, 
     changeMonth: true, 
     yearRange: "-18:-12", 
     maxDate: new Date(2012,1-1,1) 

    }); 

Per risolvere il problema è necessario utilizzare defaultDate così come MinDate e MaxDate

Spero chiaro

Answer 3

Come altri hanno suggerito, devi impostare il valore predefinito. Tuttavia, a differenza delle altre soluzioni, non si desidera codificare la data poiché l'elenco a discesa verrà aggiornato con il passare degli anni poiché si sta facendo un elenco relativo.

Prova a modificare la ...

function loadDatePicker() { 
    $('.datePicker').datepicker({ 
     dateFormat: 'yy-mm-dd', 
     changeYear: true, 
     changeMonth: true, 
     yearRange: "-18:-12", 
     defaultDate:"-18y-m-d" // Relative year/month/day 
    }); 
}