如何将JSON值发送到FullCalendar并在日历中显示事件

Question

0:
Title: "start"
description: "yes"
end: 1609286400000
id: 210
name: "xyz"
start: 1609286400000

这是我想在完整日历中显示的数组。

这是javascript代码

$('#calendar').fullCalendar({
    // ... your code
    events: {
        url: "/appointments/get_events/",
        success: function(response) {
             results = JSON.parse(response)
             console.log(results)
             for (var i = 0; i < results.events.length; i++) {
               var counter = results.events[i];
               var title = counter.Title
               var start = counter.start

             }
        }
    },

    });

我不知道如何将数组值发送到日历。我尝试了太多解决方案，但无法理解。有人帮我。我正在使用fullCalendar 1.6.4。

Answer 1

如果在下载事件数据后需要对事件数据进行一些自定义处理，则需要使用in the documentation中所述的事件即功能模式。然后为您提供了一个回调函数，您可以使用该回调函数将事件传递回fullCalendar。

唯一的缺点是，您有责任自己管理AJAX呼叫。这是一个使用fetch()

的简单示例

events: function(start, end, callback) {
   fetch("/appointments/get_events/")
     .then((resp) => resp.json()) // Transform the JSON data into a variable
     .then(function(data) { 
        var eventsList = [];
        for (var i = 0; i < data.events.length; i++) {
          var event = {
            title: data.events[i].Title,
            start: data.events[i].start
          };
          eventsList.push(event);
        }
        callback(eventsList);
     });
}

当然，另一种方法是修改服务器端代码，以便它以fullCalendar可以理解的正确格式输出JSON。如果这样做，则只需指定事件URL，然后让fullCalendar完成其余工作：

events: "/appointments/get_events/"