如何在 javascript fullCalendar 中添加事件

Question

我是第一次尝试这个库想将事件设置到我的日历，而不是这样做：

var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',

    titleFormat:{
        year: 'numeric',
        month: 'short'  
    },

    events: [{
        title: "February Outing",
        start: "2021-02-19",
        end: "2021-02-21"
    }]
});

calendar.render();

出于某种原因我想这样做

    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
        initialView: 'dayGridMonth',

        titleFormat:{
            year: 'numeric',
            month: 'short'  
        },
   });


let myEvents = [
    {
        title: "February Outing",
        start: "2021-02-19",
        end: "2021-02-21"
    }
]

calendar.events = myEvents
calendar.render();

但是没用提前谢谢你:)

Answer 1

使用Calendar::addEvent。您可以从数组 myEvents 中设置事件，如下所示：

myEvents.forEach(event => calendar.addEvent(event))

Answer 2

请使用calendar.addEvent( event [, source ] )。请参阅 https://fullcalendar.io/docs/Calendar-addEvent 以获得对此的详细了解。

他们也分享了 https://fullcalendar.io/docs/Calendar-addEvent-demo 他们的文档，并针对您提出的问题进行了演示。

如何在 javascript fullCalendar 中添加事件

How to add events in javascript fullCalendar

javascript

fullcalendar

fullcalendar-5