使用新日期更新 datetimepicker答案

【问题标题】：Update datetimepicker with a new date使用新日期更新 datetimepicker
【发布时间】：2023-03-26 19:05:01
【问题描述】：

我正在使用 fullcalendar 来管理我的事件并使用引导模式来更新我的事件。我的问题是当我单击新事件时，它不会更新我的 datetimepicker 字段，它会保留旧日期，但对于所有其他字段，一切都会更新。

这是我正在使用的脚本：

$(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();

        }
    });
});

【问题讨论】：

$('.date_plannification').val(calevent.start);如果你得到一些像对象这样的值，你可以格式化 calevent.start 并使用 val() 函数将其放入输入（datetimepicker）值中。

标签： jquery fullcalendar bootstrap-datetimepicker eonasdan-datetimepicker

【解决方案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();

}

【讨论】：