javascript - 将 autoUpdateInput 设置为 false 后日期时间选择器不工作

Question

我有一个要求，当用户有一个日期时间存在于数据库中时，它只显示日期。但是，如果数据库没有日期时间，那么在文本框中它必须是空白的。

但是当页面加载时，datetimepicker 会在其中设置默认值。 为此，我将 autoUpdateInput 设置为 false，它正在工作，它将文本框设置为空白。但在那之后，日期时间选择器不会在文本框中设置值。

$('.datetimepicker').daterangepicker({ 
    autoUpdateInput: false,       
    singleDatePicker: true,
    showDropdowns: true,
    timePicker: true,
    locale: {
        format: 'DD-MM-YYYY hh:mm:ss'
    },
});

Js Fiddle 链接:https://jsfiddle.net/Ly0jh5pz/2/

注意:我必须使用 daterangepicker，所以引导 datetimepicker 不是一个选项。

Answer 1

试试这个:

$("#reportdatetime").daterangepicker({
                autoUpdateInput: false,
        timePicker: true,
        timePicker24Hour: true,
        timePickerIncrement: 30,
        locale: {
            format: 'MM/DD/YYYY H:mm'
        }
    });

  $('#reportdatetime').on('apply.daterangepicker', function(ev, picker) {
      $(this).val(picker.startDate.format('MM/DD/YYYY H:mm') + ' - ' + picker.endDate.format('MM/DD/YYYY H:mm'));
  });

  $('#reportdatetime').on('cancel.daterangepicker', function(ev, picker) {
      $(this).val('');
  });