将事件添加到从服务器FullCalendar返回的事件数组中

Posted 2021-04-07

我正在使用fullcalendar在我的Web应用程序中呈现事件。我使用以下方法从服务器获取事件的json提要

events: {
            url: '/api/availability/events',
            error: function () {
                //alert("some error fetching events");
            }
        }

完整日历会返回事件并使其呈现正常，这里是日历中这些事件的视图。 要求是在服务器未返回任何事件的每一天显示默认事件。就像，我想在标题为Available for All meals的每个空单元格上显示事件。

并且要求是这应该在客户端完成，服务器不应该知道有关默认事件的任何信息。所以我的问题是如何在从服务器返回事件数组后更改事件数组，并为每个空白日添加默认事件（空白日=没有事件的日期）。

答案

我最终使用fullcalendar documentation中的以下方法

$('#calendar').fullCalendar({
    events: function(start, end, timezone, callback) {
        $.ajax({
            url: 'myxmlfeed.php',
            dataType: 'xml',
            data: {
                // our hypothetical feed requires UNIX timestamps
                start: start.unix(),
                end: end.unix()
            },
            success: function(doc) {
                var events = [];
                $(doc).find('event').each(function() {
                    events.push({
                        title: $(this).attr('title'),
                        start: $(this).attr('start') // will be parsed
                    });
                });
                //append custom events here
                callback(events);
            }
        });
    }
});