JQuery + Daterangepicker - 当前日期和时间？

Question

我正在使用 daterangepicker JQuery 插件，因为我必须提取一些日期范围作为表单的一部分。然而，在同一个表单上，我还希望能够自动显示当前日期和时间，最好是通过插件。

我似乎找不到一种方法来实现这一点，因为 DRP 似乎不喜欢 "YYYY/MM/DD HH:mm" 格式，而是仅显示截至午夜的今天日期(例如 2017/01/20 00:00)，但从不显示实际时间。

我该如何解决这个问题？

$(function() {
    $('input[name="incident_date"]').daterangepicker({
        singleDatePicker: true,
        showDropdowns: true,
        timePicker: true,
        timePicker24Hour: true,
        timePickerIncrement: 10,
        autoUpdateInput: true,
        locale: {
            format: 'YYYY/MM/DD HH:mm',
        },
});

Answer 1

您应该传递选项startDate: new Date()。

$('input[name="incident_date"]').daterangepicker({
  singleDatePicker: true,
  startDate: new Date(),
  showDropdowns: true,
  timePicker: true,
  timePicker24Hour: true,
  timePickerIncrement: 10,
  autoUpdateInput: true,
  locale: {
    format: 'YYYY/MM/DD HH:mm'
  },
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-daterangepicker/2.1.25/daterangepicker.css" rel="stylesheet"/>
<input type="text" name='incident_date' />