javascript - 如何在 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();

但它不起作用提前谢谢你:)

标签： javascriptfullcalendarfullcalendar-5

Answer 1

使用Calendar::addEvent. 您可以myEvents按如下方式从数组中设置事件：

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