Как я могу отформатировать JQuery DatePicker как "25 января 2009 года" - PullRequest
Новая
       10

Как я могу отформатировать JQuery DatePicker как "25 января 2009 года"

15 голосов
/ 13 января 2010

Я бы подумал, что это было: 

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

за месяц, я получаю какое-то число, которое я не понимаю, откуда они берутся?

Ответы [ 5 ]

42 голосов
/ 13 января 2010

В соответствии с документацией , один M - это "Название месяца короткое", а "yy" - это "Четырехзначный год". 

dd-M-yy
19 голосов
/ 13 января 2010

Это тот случай, когда изучение документации наиболее полезно: 

*  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
11 голосов
/ 13 января 2010

Вы хотите: 

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

См. документы .

Строки формата даты несколько нестандартны:

d - день месяца (без начального нуля)
dd - день месяца (две цифры)
o - день года (без начальных нулей)
oo - день года (трехзначный)
D - название дня короткое
DD - название дня длинное
m - месяц года (без начального нуля)
mm - месяц года (две цифры)
M - короткое название месяца
MM - длинное название месяца
y - год (две цифры)
yy - год (четыре цифры)
@ - метка времени Unix (мс с 01.01.1970)
'...' - буквальный текст
'' - одинарная кавычка
все остальное - буквальный текст

3 голосов
/ 13 января 2010

Правильный путь dd-M-yy

В качестве альтернативы вы можете использовать опцию monthNamesShort для пользовательских имен ..

0 голосов
/ 10 сентября 2014

Если вы используете компоненты AUI Datepicker / Datepicketselect, тогда использование dateFormat будет немного другим.

например: если вы хотите отобразить 01-Jan-2014, вам придется использовать dateFormat:'%d-%b-%Y'

Ниже приведена документация, объясняющая различные форматы: http://alloyui.com/versions/1.5.x/api/classes/DataType.Date.html

Мой рабочий код: (на Liferay с 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>
...