J'aurais pensé que c'était:
.datepicker({ dateFormat: 'dd-mmm-yyyy' });
par mois, je reçois un nombre que je ne comprends pas d'où ils viennent?
Selon la documentation , un seul M correspond à "Nom du mois abrégé" et "yy" à "Année à quatre chiffres".
dd-M-yy
Dans ce cas, il est très utile de consulter la documentation :
* 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
Tu veux:
$('.selector').datepicker({ dateFormat: 'dd-M-yy' });
Voir la docs .
Les chaînes de format de date sont quelque peu non standard:
d
- jour du mois (pas de zéro)dd
- jour du mois (deux chiffres)o
- jour de l'année (pas de zéros à gauche)oo
- jour de l'année (trois chiffres)D
- nom du jour abrégéDD
- nom du jour longm
- mois de l'année (pas de zéro non significatif)mm
- mois de l'année (deux chiffres)M
- nom du mois abrégéMM
- nom du mois longy
- année (deux chiffres)yy
- année (quatre chiffres)@
- Horodatage Unix (ms depuis le 01/01/1970)'...'
- texte littéral''
- guillemet simple
autre chose - texte littéral
La manière correcte est dd-M-yy
Sinon, vous pouvez utiliser l'optionmonthNamesShortpour les noms personnalisés.
Si vous utilisez des composants AUI Datepicker/Datepicketselect, l'utilisation de dateFormat est légèrement différente.
par exemple, si vous souhaitez afficher 01/01/2014, vous devrez utiliser dateFormat:'%d-%b-%Y'
la documentation suivante décrit différents formats: http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html
Mon code de travail: (sur Liferay avec 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>