Fullcalendar 不呈现从 .NET6 加载的事件 API

Question

我使用的是 FullCalendar 5.5.0 版，当我尝试从我的 API 加载事件时，事件没有呈现。我在我的 angular 组件中指定了这样的日历选项。

calendarOptions = {
   initialView: "dayGridMonth",
   weekends: false, //initial value

   dateClick: this.handleDateClick.bind(this),

   customButtons: {
     myCustomButton: {
       text: "custom!",
       click: () => {
         alert("clicked the custom button!");
       }
     }
   },
   headerToolbar: {
     left: "prev,next today myCustomButton",
     center: "title",
   },
   events: "https://localhost:5001/api/Events/Range"
 };

对我的 API 的请求工作正常，URL 看起来像这样

api/Events/Range?start=2022-01-03T00:00:00+01:00&end=2022-02-12T00:00:00+01:00

当 FullCalendar 触发请求时，响应成功，正文如下所示。

[{"id":"string","start":"2022-01-23T13:39:17.596","end":"2022-01-23T13:39:17.596","title":"string","url":"string","classNames":"string","editable":true,"color":"string"}]

但是这个事件并没有在日历中呈现。

我尝试在网上、文档中以及此处的 Whosebug 上进行搜索。虽然看起来人们有很多类似的问题，但提到的解决方案 here and here 对我不起作用。

Answer 1

添加评论中建议的答案。它可能有所帮助，但可能只是解决方案的一部分，请参阅评论中@dodekja (OP) 和@ADyson 的进一步讨论和调查。

虽然 FullCalendar 支持的 the docs for date formats 说它应该支持（扩展的）ISO8601 字符串，none 的示例或文本提到 date-time 字符串，包括毫秒，就像您的 Feed 中的那些:

... "start":"2022-01-23T13:39:17.596" ...

您指出 ISO8601 strings 可以可选地包括毫秒，但是看起来 FullCalendar 似乎不支持它们 - 至少在 Angular 实现中（请参阅评论中@dodekja（OP）和@ADyson 的进一步调查）。

Fullcalendar 不呈现从 .NET6 加载的事件 API

Fullcalendar does not render events loaded from .NET6 API

fullcalendar

.net-core

angular

fullcalendar-5