使用新日期更新日期时间选取器

Question

我正在使用完整日历来管理我的事件，并使用引导模式来更新我的事件。 我的问题是当我单击新事件时，它不会更新我的日期时间选择器字段，它会保留旧日期，但对于所有其他字段，所有内容都会更新。

这是我正在使用的脚本：

$(document).ready(function() {
$('#datetimepicker2').datetimepicker({
locale: 'fr'
});
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,basicDay,listWeek'
},
defaultDate: '2017-05-12',
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true, // allow "more" link when too many events
events: <?= $data_json ?>,
eventClick: function(calEvent, jsEvent, view) {
//moment.locale('fr');
$('#modalTitle').html(calEvent.title);
$('#titre_court').val(calEvent.title);
tinyMCE.activeEditor.setContent(calEvent.description);
$('.date_plannification').empty();
console.log('start >> '+calEvent.start);
$('.date_plannification').datetimepicker({
format : "DD/MM/YYYY HH:mm",
date : calEvent.start
});
$('#fullCalModal').modal();
}
});
});

Answer 1

您必须使用date()方法将值设置为现有的日期时间选取器，而您可以使用defaultDate选项在初始化日期时间选取器时预设值。

您的代码可能如下所示：

eventClick: function(calEvent, jsEvent, view) {
$('#modalTitle').html(calEvent.title);
$('#titre_court').val(calEvent.title);
tinyMCE.activeEditor.setContent(calEvent.description);
$('.date_plannification').empty();
console.log('start >> '+calEvent.start);
$('.date_plannification').datetimepicker({
format : "DD/MM/YYYY HH:mm",
defaultDate : calEvent.start
});
$('#fullCalModal').modal();
}