Как мне отформатировать дату в jQuery datetimepicker?

Question

Я использую jQuery datetimepicker, который был расширен с jQuery datepicker, чтобы выбрать не только дату, но и время.

Я хочу установить формат даты / времени следующим образом: dd-mm-yyyy @ hh:mm

$('#timePicker').datetimepicker({
  dateFormat: 'dd:mm:yyyy',
  separator: ' @ ',
  minDate: new Date()
});

Но это не работает. Я получаю дату / время в следующем формате:

Thu Jan 27 2011 02:05:17 GMT+0100

Есть ли функция javascript для форматирования этой даты / времени? Если нет, то как мне сделать это с помощью плагина? Проверьте мой код: FIDDLE

Answer 1

Вот, пожалуйста, .

$('#timePicker').datetimepicker({
   // dateFormat: 'dd-mm-yy',
   format:'DD/MM/YYYY HH:mm:ss',
    minDate: getFormattedDate(new Date())
});

function getFormattedDate(date) {
    var day = date.getDate();
    var month = date.getMonth() + 1;
    var year = date.getFullYear().toString().slice(2);
    return day + '-' + month + '-' + year;
}

Вам необходимо передать datepicker () дату, отформатированную правильно.

Answer 2

Более новые версии datetimepicker (я использую это использовать 2.3.7) использовать format:"Y/m/d" не dateFormat...

так

jQuery('#timePicker').datetimepicker({
    format: 'd-m-y',
    value: new Date()
});

См. http://xdsoft.net/jqplugins/datetimepicker/

Answer 3

Например, я получаю дату / время в испанском формате.

$('#timePicker').datetimepicker({
    defaultDate: new Date(),
    format:'DD/MM/YYYY HH:mm'
});

Answer 4

вы можете использовать:

$('#timePicker').datetimepicker({
        format:'d.m.Y H:i',
        minDate: ge_today_date(new Date())
});

 function ge_today_date(date) {
     var day = date.getDate();
     var month = date.getMonth() + 1;
     var year = date.getFullYear().toString().slice(2);
     return day + '-' + month + '-' + year;
 }

Answer 5

Это работает для меня.Поскольку он «расширяет» указатель даты, мы все равно можем использовать dateFormat: 'dd / mm / yy'.

$(function() {
    $('.jqueryui-marker-datepicker').datetimepicker({
        showSecond: true,
        dateFormat: 'dd/mm/yy',
      timeFormat: 'hh:mm:ss',
      stepHour: 2,
      stepMinute: 10,
      stepSecond: 10

     });
});