wie kann ich Format Jquery Datepicker als „25-JAN-2009“

Question

ich dies hätte gedacht:

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

für Monat, erhalte ich eine Zahl, die ich verstehen funktionieren nicht, wo sie herkommen:

Answer 1

Laut the documentation ist ein einzelnes M "Monatsname kurz" und "yy" ist "Vierstelliges Jahr".

dd-M-yy 

Answer 2

Sie wollen:

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

die docs See.

das Datumsformat-Strings sind etwas Nicht-Standard:

d - Tag des Monats (ohne führende Null)
dd - Tag des Monats (zweistelligen)
o - Tag des Jahres (kein führender Nullen)
oo - Tag des Jahres (dreistellig)
D - kurzer Tag Name
DD - Tag Namen lang
- Monat des Jahres (ohne führende Null)
mm - Monat des Jahres (zweistelligen)
M - Name des Monats kurz
MM - Name des Monats lange
y - Jahr (zweistellige)
yy - Jahr (vierstellige)
@ - Unix-Zeitstempel (ms seit 01.01.1970)
'...' - Literaltext
'' - Apostroph
alles andere - Literaltext

Answer 3

Dies ist ein Fall, in dem in den documentation suchen, ist sehr hilfreich:

* 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

Der richtige Weg ist dd-M-yy

Alternativ können Sie die monthNamesShort Option für benutzerdefinierte Namen ..

Answer 5

Wenn Sie AUI Datepicker/Datepicketselect-Komponenten verwenden, dann ist dateFormat Verwendung ein ein bisschen anders.

für zB: Wenn Sie 01-Jan-2014 angezeigt werden soll, werden Sie dateFormat:'%d-%b-%Y'

finden Sie in der Dokumentation, die verschiedene Formate verwenden, erklärt: http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html

Code Meine Arbeits: (auf Liferay mit 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>