將autoUpdateInput設置爲false後，日期時間選擇器不工作

Question

我有一個要求，即當用戶在數據庫中存在日期時間時，它只顯示日期。但是，如果數據庫沒有日期時間，那麼在文本框中它必須是空白的。

但是當頁面加載時，datetimepicker會在其中設置默認值。 因此，我已經將autoUpdateInput設置爲false，它將它設置爲空白。但之後，datetimepicker不會在文本框中設置值。

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

的js小提琴鏈接：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(''); 
    });