web-dev-qa-db-fra.com

comment puis-je formater jquery datepicker comme "25-JAN-2009"

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?

15
leora

Selon la documentation , un seul M correspond à "Nom du mois abrégé" et "yy" à "Année à quatre chiffres". 

dd-M-yy
42
Sampson

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 
19
Pekka 웃

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 long
m - 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 long
y - 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

11
Dominic Rodger

La manière correcte est dd-M-yy

Sinon, vous pouvez utiliser l'optionmonthNamesShortpour les noms personnalisés.

3
Gabriele Petrioli

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>
0
MaxiMus