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/

注：私は、ブートストラップのDateTimePickerをdaterangepicker使用する必要がオプションではありません。

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(''); 
    });