反应大日历错误的时间显示

问题描述

我正在尝试使用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

我没主意了……有人可以帮我吗？

解决方法

我没有完整的解决方案，但确定了需要关注的领域。更改了压光机样式对象中的height属性，并且未对准发生了变化。因此，如何在时间轴上以不同比例呈现事件似乎是一个问题。

,

你可以这样做：

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