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”。希望这会有所帮助。

如何在FullCalendar v4中选择仅可见事件

2 个答案: