fullcalendar google 隐藏过去的事件

Question

如何隐藏过去的事件以防止在全日历 js 中显示 api？这就是我拉日历的方式....

$(function() {
        var calendarEl = document.getElementById('fullcalendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            plugins: ['dayGrid', 'list', 'googleCalendar'],
            header: {
                left: 'title',
                center: '',
                right: 'today prev,next'
            },
            defaultView: 'listYear',
            views: {
                activeStart: '2019-11-25'
                
            },
            backgroundColor: 'rgba(1,104,250, .15)',
            borderColor: '#0168fa',
            displayEventTime: true, 
            googleCalendarApiKey: '*********************************',
            events: { googleCalendarId: '************************@group.calendar.google.com' },

            eventClick: function (arg) {
                window.open(arg.event.url, '_blank', 'width=700,height=600');
            arg.jsEvent.preventDefault();
            }
        });
        calendar.render();
});

Answer 1

隐藏以前事件的最简单方法是使用 validRange 设置，使其始终从当前日期开始有效范围。如果您不想，则无需提供结束日期。

fullcalendar google 隐藏过去的事件

fullcalendar google hide past events

javascript

fullcalendar

fullcalendar-4