2011-12-07 12 views
6

Sto usando il plugin jquery datepicker con le impostazioni di seguito.JQuery DatePicker consente all'utente di impostare l'anno

$("#date").datepicker({ 
    showButtonPanel: true, 
    changeMonth: true, 
    changeYear: true, 
    showOtherMonths: true, 
    selectOtherMonths: true 
}); 

Ora quello che voglio fare è consentire all'utente di impostare l'anno. Voglio dire modificando manualmente l'input del menu a discesa della selezione.

C'è qualche impostazione per farlo?

Il motivo per cui mi piacerebbe farlo è perché non so, se l'utente sta selezionando una data dell'anno 1920 o 2220 o qualsiasi anno. Quindi non ho un buon valore di data predefinito. E l'interfaccia a discesa non è quella user-friendly se devi fare clic su 20 volte per passare dall'anno 2000 all'anno 1600.

Modifica: Quello che voglio fare è "Mostra anni illimitati:" da keith- wood.name/datepick.html#monthyear. C'è qualcosa di simile con lo jquery datepicker standard. Non riesco a trovare l'impostazione yearRange: 'any' nella documentazione di jquery datepicker.

+0

la tua domanda è valida. Perché hai accettato quella risposta, se non risolvesse veramente le tue esigenze?!. Sto avendo lo stesso problema, ti farò sapere se riesco a risolvere questo .... –

risposta

5
changeYear: true 

già visualizzato un selectbox .. quindi qual è il problema ?? per l'inserimento manuale dell'anno basta creare il proprio testo di input?

+0

la tua modifica: non voglio scorrere verso il basso una selectbox con anni illimitati ... creare il proprio campo di input! se hai bisogno di aiuto con il post di nuovo – ggzone

+0

Grazie per il vostro anser. Quello che mi piacerebbe fare è che un utente possa inserire l'anno nel calendario di datepicker. Invece di selezionare l'anno da un menu a discesa. Spero che questa immagine ti possa aiutare http://screencast.com/t/kLEUQKRVx – sandrozbinden

+0

sì, come ho detto, modificalo da solo con jquery. prendi la selectbox del datepicker e modifica gli attributi ... rimuovi le opzioni ... rendi un testo di tipo campo di input. – ggzone

7

È possibile specificare un intervallo di anni con l'aggiunta di

yearRange: "1930:2010" 

ai suoi attributi. Ad esempio:

$("#datepicker").datepicker({ 
    changeMonth: true, 
    changeYear: true, 
    yearRange: "1930:2010" 
});