Angular FullCalendar事件无法正常渲染。

Question

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

我在stackblitz上的一些应用中也发现了同样的问题，但无论如何也解决不了。

https:/stackblitz.comeditfullcalendar-angular-demo?file=src%2Fapp%2Fapp.component.ts。

只有当事件有指定的开始时间并且日历设置为timeGrid时才会出现问题。我将感谢任何帮助。

Answer 1

我已经设法找到了一个解决方案。问题是css文件没有被默认导入--我在文档中读到过，但在html中导入它没有用。现在我试着把这个直接导入到css文件中，成功了!

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

希望能帮到大家。