angular - Angular FullCalendar 事件未正确呈现

Question

我正在尝试在我的 Angular 应用程序中实现 FullCalendar，并且在我向 timeGrid 添加一些事件之前一切正常。问题是事件在整个网格下呈现，这是不可接受的。我已经搜索了解决方案，但没有找到任何东西。更改 Angular 或 FullCalendar 的版本没有帮助。

我在 stackblitz 上的某些应用程序中发现了同样的问题，但无论如何都无法解决。

https://stackblitz.com/edit/fullcalendar-angular-demo?file=src%2Fapp%2Fapp.component.ts

问题仅在于事件已指定开始时间并且日历设置为 timeGrid。我将不胜感激。

标签： angularfullcalendar

Answer 1

我设法找到了解决方案。问题是默认情况下没有导入 css 文件 - 我在文档中阅读过它，但在 html 中导入它不起作用。现在我尝试将它直接导入css文件并且它有效！

@import '~@fullcalendar/core/main.css';
@import '~@fullcalendar/daygrid/main.css';
@import '~@fullcalendar/timegrid/main.css';

希望这可以帮助某人。