Question

我正在使用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();

        }
    });
});

Answer 1

您必须使用date()方法为现有的datetimepicker设置值，而在初始化datetimepicker时可以使用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();

}

使用新日期更新datetimepicker

1 个答案: