完整的日歷保存事件

Question

我在用fullcalendar保存結束時間方面存在一些問題，並且可以將其拖到日歷上超過一天的時間。 我將其設置為通過jQuery.post將數據保存到我的數據庫中，但是我似乎無法弄清楚如何獲取最終值以及將其拖到一天以上的能力。 這是我已有的代碼：

var calendar = $('#calendar').fullCalendar({
             header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay',
             },

             editable: true,
             selectable: true,
             selectHelper: true,

             select: function (start, end, allDay) {
                 var title = prompt('Event Title:');

                 if (title) {
                     calendar.fullCalendar('renderEvent', {
                         title: title,
                         start: start,
                         end: end,
                     }, true);
                 }

                 calendar.fullCalendar('unselect');
             },

             eventDrop: function (event, dayDelta, minuteDelta) {
                 alert(event.title + ' was saved!');

                 jQuery.post(
                    '/event/save', 
                    {
                        title: event.title,
                        start: event.start,
                        end:   event.end
                    }
                 );
             }
        });

任何幫助，將不勝感激！ 謝謝

（如果可以幫助任何人確定問題，我也可以提供網址）

Answer 1

您的代碼看起來不錯。 它幾乎在那里。 您需要實現eventResize來保存跨天拖動事件的效果。 理想情況下，創建一個函數來發布數據並在每個事件中調用它。

function saveMyData(event) {
    jQuery.post(
        '/event/save', 
        {
            title: event.title,
            start: event.start,
            end:   event.end
        }
    );
}

...
select: function (start, end, allDay) {
            var title = prompt('Event Title:');
            if (title) {
                calendar.fullCalendar('renderEvent', {
                    title: title,
                    start: start,
                    end: end,
                    }, true);
                }

                calendar.fullCalendar('unselect');
                saveMyData({'title': title, 'start': start, 'end': end});
            },

eventDrop: function (event, dayDelta, minuteDelta) {
               saveMyData(event);
           },

eventResize: function (event, dayDelta, minuteDelta) {
                 saveMyData(event);
             }
...