FullCalendar：如何重新创建/重新初始化 FullCalendar 或批量添加多个事件

Posted 2023-05-09

【中文标题】FullCalendar：如何重新创建/重新初始化 FullCalendar 或批量添加多个事件

【英文标题】：FullCalendar: How to recreate/reinitialize FullCalendar or batch add multiple events

【发布时间】：2015-01-10 01:46:22

【问题描述】：

我正在尝试将新事件批量添加到日历中，但找不到方便的使用方法。所以我决定用新的事件数组重新初始化视图。所以我尝试了以下方法：

var events = [
    
        title: 'Event',
        start: new Date(y, m, d, 10),
        description: 'long description',
        id: 1
    ,
    
        title: 'background',
        start: new Date(y, m, d, 11),
        end: new Date(y, m, d, 14),
        description: 'long description',
        id: 0,
        color: "#00FF00",
        textColor: "#000000",
        placeholder: true,
    ];
$('#calendar').fullCalendar(
    events: events
);
$('#calendar').fullCalendar();

我仍然可以看到这些事件，这意味着第二次初始化调用实际上不起作用。在这种情况下有什么解决办法吗？

【参考方案1】：

刚刚找到一个解决方法.. 你可以做

$('#calendar').fullCalendar(
    events: events
);
$('#calendar').fullCalendar('destroy');
$('#calendar').fullCalendar();

销毁它然后重新创建。

但是，我仍然不知道如何批量添加事件。

【讨论】：

你拯救了我的一天！..谢谢:)

这是我看到的关于此问题的最佳解决方法。非常感谢。

【参考方案2】：

你可以像这样使用addEventSource()：

.fullCalendar( 'addEventSource', events )

Source 可以是 Array/URL/Function，就像在 events 选项中一样。 事件将立即从此源获取并放置在 日历