Темпус Доминус - установка даты с помощью 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

Вы можете попробовать уничтожить DatePicker, когда modal скрыт

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

Посмотрите эту ссылку - https://getbootstrap.com/docs/4.0/components/modal/