如何在全日历 v4 中仅选择可见事件

Question

我想在 react FullCalendar v4 视图中获取所有可见事件。我在日历的实例上找不到任何仅筛选出可见事件的属性。不过，我可以得到所有事件。

由于无法仅获取可见事件，我的想法是通过可见范围过滤掉所有事件。但是我也无法获得可见范围。我试过calendar.view，calendar.getView()，...它们都不存在。这是暂时缺少方法/属性还是我错过了什么？

Answer 1

FullCalendar v4 现在是完整版本，这是仅获取可见事件的方法：

const visibleEvents = calendar.getEvents().filter(event => {
    const s = calendar.view.activeStart, e = calendar.view.activeEnd
    if (event.start > e || event.end < s) return false
    return true
})

Answer 2

我知道

这是一个较旧的帖子，问题不是专门关于调用getView（）方法。但是，我认为如果其他人遇到这种情况，这可能会有所帮助。因此，为了让我使用 React Fullcalendar 模仿 getView（） 调用，我做了类似于下面的事情。

let calendarApi = this.calendarRef.current.getApi();
console.log(calendarApi.view.type);

这意味着我能够检查视图是"dayGridMonth"还是"listWeek"。希望这有帮助。