2010-01-13 10 views

Respuesta

37

De acuerdo con the documentation, una sola M es "Mes nombre corto" e "yy" es "Año de cuatro dígitos".

dd-M-yy 
+0

Esta es una gran y directa manera de lograr esto –

+1

Gracias. Simple y funciona a la perfección. – Aaron

+0

no funciona para mí –

11

que desee:

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

Véase el docs.

Las cadenas de formato de fecha son algo no estándar:

d - día del mes (sin cero)
dd - día del mes (dos dígitos)
o - día del año (sin líder ceros)
oo - día del año (tres dígitos)
D - nombre del día corto
DD - nombre del día
m - mes del año (sin cero)
mm - mes del año (dos dígitos)
M - nombre del mes corto
MM - nombre del mes largo
y - año (dos dígitos)
yy - año (cuatro dígitos)
@ - marca de tiempo Unix (ms desde el 01/01/1970)
'...' - texto literal
'' - comilla simple
cualquier otra cosa - texto literal

19

Este es un caso en el que mirar en el documentation es más útil:

* 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 
3

La forma correcta es dd-M-yy

Alternativamente, puede utilizar la opción monthNamesShort de nombres personalizados ...

0

Si está utilizando los componentes AUI Datepicker/Datepicketselect, entonces el uso de dateFormat es un poco diferente.

por ejemplo: si desea mostrar el 01-ene-2014, que tendrá que utilizar dateFormat:'%d-%b-%Y'

siguiente es la documentación que explica diferentes formatos: http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html

Mi código de trabajo: (a la 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> 
Cuestiones relacionadas