刷新日期更改的完整日历视图

Question

假设一个基于完整日历的应用程序在午夜运行，那么为了将fc-today类正确应用于新的一天，推荐的自动刷新视图的方法是什么。

如果当前视图的日期范围没有更改，仅调用"今天"不会产生任何影响。我目前的技巧是在午夜之后做这样的事情：

calendar.fullCalendar('gotoDate', '2000-01-01');
calendar.fullCalendar('today');

有没有更好/更简单的方法来实现这一目标？

Answer 1

抱歉，这已经晚了 5 年，但刚刚遇到了同样的问题并从同事那里得到了解决方案。您可以将按键道具添加到 FullCalendar 调用中，并将其设置为当前日期。这将强制它在日期更改时卸载并重新安装组件。这是使用 FullCalendar 的 TypeScript React 实现。

getCurrentDay() {
return moment().format('MM-DD-YYYY')
}
<FullCalendar
key={this.getCurrentDay()}
...
/>

Answer 2

我会这样做：

1. 存储一个 cookie/会话变量，设置下次刷新时所需的日期/默认视图。
刷新
2. 页面（浏览器刷新）
3. 检索 #1 并在 fullCalendar（..） 调用中设置默认值。

另一种选择是尝试 fullCalendar 的重新加载事件调用，看看它是否完全重绘了表格？