Tempus Dominus - 用javascript設置日期

Question

我在一個模態窗口中使用Tempus Dominus Bootstrap-4日期時間選擇器，當用戶雙擊表格的特定行時顯示該窗口：

$('#btn_modal').on('click', function() {
     // 
     // .... some irrelevenat code, like geting data of a specific row, 
     // .... filling other fields
     //
     $('#modal_datetimepicker').datetimepicker({
        defaultDate: moment(row['date_rkw'], "YYYY-MM-DD"),
        viewMode: 'days',
        format: 'YYYY-MM-DD',
        extraformats: [ 'YYYY-MM-DD' ]
     });
     $('#modal').modal();
});

在第一次顯示模態時正確設置日期，但下次顯示模態（選擇要編輯的其他行）時，它會保留前一個值，完全忽略上面的調用，並使用defaultDate的新值。

將datetimepicker設置為特定日期的正確方法是什么？ 我試着用破壞叫

$('#modal_datetimepicker').datetimepicker('destroy')

甚至

$('#modal_datetimepicker').val(row['date_rkw'])

但沒有運氣。

Answer 1

隱藏modal時，您可以嘗試銷毀datepicker

$('#modal').modal('show')
.on('hidden.bs.modal',function(){
  $('#modal_datetimepicker').datetimepicker('destroy')  
});

看看這個參考 - https://getbootstrap.com/docs/4.0/components/modal/