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

Question

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

我似乎找不到一种使之成为可能的方法，因为DRP它似乎不喜欢这种"YYYY/MM/DD HH:mm"格式，而是只显示今天的午夜（eg. 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' />