如何在jQuery datetimepicker中格式化日期？

Question

我使用datetimepicker从jQuery扩展的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

例如，我获取西班牙语格式的日期/时间。

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

Answer 3

较新版本的 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 4

这对我有用。由于它“扩展”了日期选择器，我们仍然可以使用 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

     });
});