reactjs - React-big-calendar 时间显示不正确

Question

我正在尝试使用React-big-calendar显示事件。我的时间格式有问题。我在将事件传递给日历时使用的数据如下：

{
    end: Tue Nov 03 2020 21:42:16 GMT+0100 (Central European Standard Time)
    start: Tue Nov 03 2020 20:42:06 GMT+0100 (Central European Standard Time)
}

结果相当出乎意料。该库将我的时间格式视为 12 小时格式：

我还注意到current日历中的时间值错误。我用date-fns波兰语作为定位器locale。我还在culture为日历组件使用道具。这是我的组件 - https://github.com/sSwiergosz/fitness-platform/blob/develop/frontend/components/Calendar.js

我没有想法......有人可以帮助我吗？

标签： reactjscalendarreact-big-calendardate-fns

Answer 1

你可以这样做：

let formats = {
  timeGutterFormat: 'HH:mm',
}

export default function MyCalendar() {
  return (
     <Calendar
       localizer={localizer}
       formats={formats}
       ... 

API 文档不完整，但仍然有用：http: //jquense.github.io/react-big-calendar/examples/index.html#api