react full calendar 结束选项很奇怪

Question

最近在用react full calendar。我没有得到我想要的价值。

“开始”中输入的日期格式原样显示在屏幕上。 但是，即使时间发生变化，“结束”中输入的日期也固定为凌晨 12:00。

  <FullCalendar
    plugins={[dayGridPlugin]}
    dayMaxEventRows={4}
    initialView="dayGridMonth"
    events={[
      {
        title: 'test',
        start: '2023-03-22T12:00:00',
        end: '2023-03-24T10:00:00',
        color: 'green',
      },
      {
        title: 'test2',
        start: '2023-03-22T13:30:00',
        end: '2023-03-24T14:00:00',
        color: 'orange',
      },
      {
        title: 'test3',
        start: '2023-03-22T09:30:00',
        end: '2023-03-24T11:00:00',
        color: 'blue',
      },
      {
        title: 'test4',
        start: '2023-03-22T14:30:00',
        end: '2023-03-24T12:30:00',
        color: 'red',
      },
      {
        title: 'test5',
        start: '2023-03-22',
        end: '2023-03-24T18:00:00',
        color: 'black',
      },

    ]}
  />

所有事件都有相同的结束日期，但它们在一天中的不同时间结束。

但是在弹出窗口中，它们都显示为 12:00am。

我已经搜索了一整天，找不到解决方案。

Answer 1

我不确定这背后的原因是什么，但似乎 12:00a 是最后一天活动的开始时间，而不是结束时间。

您可以将

displayEventEnd={true}

添加为

<FullCalendar />

的属性以显示结束时间。

这是一个codesandbox链接。