Tempus Dominus - 使用 javascript 设置日期答案

【问题标题】：Tempus Dominus - setting date with javascriptTempus Dominus - 使用 javascript 设置日期
【发布时间】：2018-08-01 10:24:27
【问题描述】：

我在模态窗口中使用 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'])

但没有运气。

【问题讨论】：

标签： javascript jquery tempus-dominus-datetimepicker

【解决方案1】：

当modal被隐藏时，你可以尝试销毁日期选择器

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

看看这个参考 - https://getbootstrap.com/docs/4.0/components/modal/

【讨论】：