【问题标题】:React Big Calendar Time Change wrong offset反应大日历时间更改错误的偏移量
【发布时间】:2020-01-17 10:33:21
【问题描述】:

我正在使用 React Big Calendar 周视图。默认语言环境是 en-US,我目前正在使用这个语言环境,并且想继续使用它。我也住在+1时区。 当我从 API 获取一些日历数据时,我得到的所有数据都以 UTC 给出。我觉得奇怪的是,当时间发生变化时(周:29.03 - 4.04)凌晨 3:00 显示两次。更奇怪的是,我所有的事件都降低了一个小时。例如,在从 API 更改时间之前,我在 UTC 凌晨 4 点开始收到事件,因此它在日历中正确显示为凌晨 5 点(由于我的 +1 时区)。时间更改后,我得到 4AM UTC,但它显示为 6AM UTC。 我不确定这是否是故意的,但我希望它显示完全相同(即时间更改前后的凌晨 5 点)。

感谢您的帮助。

我已经以这种方式导入了本地化程序:

import { Calendar as BigCalendar, momentLocalizer } from 'react-big-calendar';

const localizer = momentLocalizer(moment);

<BigCalendar ... localizer={localizer} ... />

【问题讨论】:

  • 您是否正确设置了定位器??
  • 嗨,我相信是这样,但我在问题内容中添加了有关导入方式的信息
  • 我猜你没有正确设置moment。请在这个codeSandbox 示例中获取战利品。
  • 不确定,但此导入适用于旧版本的 React Big Calendar
  • 您是否找到了任何解决方案。我也面临同样的问题

标签: reactjs momentjs react-big-calendar


【解决方案1】:

当使用momentLocalizer 或新的luxonLocalizer 时,最新版本的RBC (0.36.0) 现在具有完整的时区支持。文档站点尚未更新,但如果您在本地运行“示例”,您会找到所有信息。

看到两次凌晨 3 点的问题是该日期是您所在时区夏令时的开始日期。

【讨论】:

    猜你喜欢
    • 2019-07-02
    • 1970-01-01
    • 2019-01-18
    • 1970-01-01
    • 1970-01-01
    • 2022-01-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多