javascript - 使用 Fullcalendar 在 mysql 上插入一个日期与当前日期不同的事件

Question

我实现了 Fullcalendar，它显示 mysql 表(标题+日期时间)中的事件，还可以通过单击日历中的某一天插入新事件。

问题是它只插入当天的事件，即使用户点击了 future 的日期或月份。我希望用户能够像我现在一样插入 future 的事件。

全日历脚本，显示事件 (events.php) 并通过单击日期(标题)插入将此信息发送到“add_event.php”

$(document).ready(function() {

    var calendar = $('#calendar').fullCalendar({
        editable: true,
        events: "http://localhost/test-fullcalendar/php/eventos.php",
        lang: "es",
        selectable: true,
        selectHelper: true,

        select: function(start, end, allDay) {
            var title = prompt('Evento a insertar:');
            if (title) {

                start = moment(event.start).format('YYYY-MM-DD HH:mm:ss');
                end = moment(event.end).format('YYYY-MM-DD HH:mm:ss');

                 $.ajax({
                     url: 'php/add_evento.php',
                     type: 'POST',
                     data: {title: title, start: start, end: end},
                     success: function(json) {
                        alert("Evento insertado");
                        console.log("Enviando: ", title, start, end);
                     }
                 });
                 calendar.fullCalendar('renderEvent',
                 {
                     title: title,
                     start: start,
                     end: end,
                     allDay: allDay
                 },
                 true
                 );
            }
            calendar.fullCalendar('unselect');
        }

    });

});

Answer 1

您遇到的问题是您用不存在的日期(event.start)覆盖了所选日期，因此默认为现在。当您将事件添加到日历时，它将使用覆盖的值，而不是传递给 select 回调的值。

之前:

            start = moment(event.start).format('YYYY-MM-DD HH:mm:ss');
            end = moment(event.end).format('YYYY-MM-DD HH:mm:ss');

             $.ajax({
                 url: 'php/add_evento.php',
                 type: 'POST',
                 data: {title: title, start: start, end: end},
                 success: function(json) {
                    alert("Evento insertado");
                    console.log("Enviando: ", title, start, end);
                 }
             });

之后:

            start_ajax = moment(start).format('YYYY-MM-DD HH:mm:ss');
            end_ajax = moment(end).format('YYYY-MM-DD HH:mm:ss');

             $.ajax({
                 url: 'php/add_evento.php',
                 type: 'POST',
                 data: {title: title, start: start_ajax, end: end_ajax},
                 success: function(json) {
                    alert("Evento insertado");
                    console.log("Enviando: ", title, start_ajax, end_ajax);
                 }
             });