come posso formato jquery datepicker come "25-GEN-2009"

Question

avrei pensato che questo è stato:

.datepicker({ dateFormat: 'dd-mmm-yyyy' }); 

per mese, io ottenga un certo numero che io non understnad dove stanno venendo da:

Answer 1

In base a the documentation, una singola M è "Mese nome breve" e "yy" è "Quattro cifre anno".

dd-M-yy 

Answer 2

desiderato:

$('.selector').datepicker({ dateFormat: 'dd-M-yy' }); 

Vedere le docs.

Le stringhe di formato della data sono in qualche modo non standard:

d - giorno del mese (senza zero)
dd - il giorno del mese (due cifre)
o - giorno dell'anno (senza leader zeri)
oo - giorno dell'anno (tre cifre)
D - onomastico breve
DD - nome il giorno
m - il mese dell'anno (senza lo zero iniziale)
mm - il mese dell'anno (due cifre)
M - nome del mese breve
MM - nome del mese lungo
y - anno (due cifre)
yy - anno (a quattro cifre)
@ - Unix timestamp (ms dal 01/01/1970)
'...' - testo letterale
'' - apice singolo
qualsiasi altra cosa - testo letterale

Answer 3

Questo è un caso in cui esamina la documentation è più utile:

* d - day of month (no leading zero) 
* dd - day of month (two digit) 
* o - day of the year (no leading zeros) 
* oo - day of the year (three digit) 
* D - day name short 
* DD - day name long 
* m - month of year (no leading zero) 
* mm - month of year (two digit) 
* M - month name short 
* MM - month name long 
* y - year (two digit) 
* yy - year (four digit) 
* @ - Unix timestamp (ms since 01/01/1970) 
* '...' - literal text 
* '' - single quote 
* anything else - literal text 

Answer 4

il modo corretto è dd-M-yy

In alternativa è possibile utilizzare l'opzione monthNamesShort per nomi personalizzati ..

Answer 5

Se si utilizzano componenti AUI Datepicker/Datepicketselect, l'utilizzo di dateFormat è un un po 'diverso

per esempio: se si desidera visualizzare 01-gen-2014, si dovrà utilizzare dateFormat:'%d-%b-%Y'

segue è la documentazione che spiega diversi formati: http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html

Il mio codice di lavoro: (su Liferay con AUI)

<div id="myDatepicker"></div> 
    <input type="text" name="myDateValue" id="myDateValue" size="9" /> 

<aui:script> 
    AUI().use('aui-datepicker', function(A) { 
    new A.DatePickerSelect(
     { 
     appendOrder: ['d', 'm', 'y'], 
     calendar: { 
     dateFormat: '%d-%b-%Y' 
    }, 
    boundingBox: '#myDatepicker', 
    trigger: '#myDateValue' 
    } 
).render(); 
} 
); 
</aui:script>