如何通过console.log仅获取FullCalendar的下一个事件?
获取FullCalendar中即将发生的下一个事件
FullCalendar没有直接获取“下一个事件”的内置方法,但可以借助calendar.getEvents()拿到所有事件后自行筛选,步骤如下:
- 先过滤出当前时间之后的事件:
const now = new Date(); const upcomingEvents = calendar.getEvents().filter(event => event.start > now); - 再按事件开始时间从小到大排序,取排序后的第一个结果就是即将发生的下一个事件:
if (upcomingEvents.length > 0) { const nextEvent = upcomingEvents.sort((a, b) => a.start - b.start)[0]; // 处理下一个事件 console.log(nextEvent); } else { console.log("暂无即将发生的事件"); }
注意事项:
- 事件对象的
start属性对应事件的开始时间,需确保它是可比较的Date类型 - 如果存在多个同时开始的事件,上述逻辑会取数组中的第一个,可根据实际需求调整排序规则
内容的提问来源于stack exchange,提问作者Marty McFly
相关产品推荐
相关产品推荐

