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

Here you go

$('#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

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

     });
});

Answer 6

您可以使用the documentation中所述的format选项

$("#timePicker").datetimepicker({
  format: 'Y-m-d H:i'
});

Answer 7

这对我有用。

$(document).ready(function () {
    $("#datePicker").datetimepicker({
        format: 'DD/MM/YYYY HH:mm:ss',
        defaultDate: new Date(),
    });
}

这是CDN链接

<!-- datetime picker -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/css/bootstrap-datetimepicker.min.css"/>

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.4/js/bootstrap-datetimepicker.min.js"></script>

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

7 个答案: