FullCalendar 库 FirstDay 设置在不同的时区中不受遵守

FullCalendar library FirstDay setting is not respected in different time zones

提问人:Dev9999 提问时间:9/29/2023 最后编辑:ADysonDev9999 更新时间:10/2/2023 访问量:54

问:

我正在使用 fullCalendar 库(最新版本 6)在我的 react 应用程序中创建月历视图。 我想将一周的第一天显示为星期一。为此,我使用了以下设置: firstDay: 1.它在某些时区有效。但是,如果我更改我的时区(在 chrome 中,通过转到“更多工具”-> 传感器并选择不同的位置/时区),有时它会将星期日显示为一周的第一天。从我这边来看,我检查了 IST 和 PDT(在 Chrome More Tools -> Sensors 中将位置设置为旧金山)。在前者中,我把星期一作为我的第一天,在后一天,我把星期日作为我的第一天。我还试图通过将其显式传递给我的 FullCalendar 组件来保持相同的区域设置,但这也不起作用。

最小可重复示例链接:https://codesandbox.io/p/sandbox/cold-moon-q3fg4t?welcome=true

**

请使用 chrome 开发工具传感器进行测试,而不是使用沙盒的开发工具进行测试 一。我觉得沙盒的传感器工作不正常。

**

还有一点要补充:在我的 CalendarDayHeader 组件中,我将代码从 :

  const dayIndex = day.date.getDay();

对此

  const dayIndex = day.date.getUTCDay();

通过此更改,我尝试模拟不同的时区,并在每个时区显示星期一。但这让我怀疑,因为我的 Header 现在使用 UTC 渲染天数名称。我所有的日历都使用用户的本地时区(在我的情况下是必需的)。我的日间单元格日期也会根据用户的本地时区呈现。

我的疑问是,这不会在对齐工作日名称和下面的日单元格日期之间造成不匹配吗?比如说某一天落在另一天,但出现在星期一或另一天的下方。

谢谢。

javascript reactjs 时区 fullcalendar-6

评论

1赞 Jared Rolt 9/29/2023
根据文档,听起来你做了正确的事情。您能否在问题中添加一些代码片段,以显示您当前的实现。这样,我们将能够看到错误是否在使用中,或者可能是需要与包所有者一起解决的错误。
0赞 ADyson 9/29/2023
同意。请提供该问题的最小可重现示例。仅凭描述总是会留下歧义的余地。另请参阅如何提问。您可以编辑您的帖子。谢谢。
0赞 ADyson 9/29/2023
此外,您还标记了 fullcalendar 5。非常值得升级到最新的 6.x 版本,看看在此期间是否修复了任何错误。
0赞 Dev9999 10/1/2023
@ADyson我添加了 MRE,请检查沙盒链接,我已经在使用 6 版本。感谢您的回复。
0赞 Dev9999 10/1/2023
@JaredRolt我添加了 MRE,请检查沙盒链接

答: 暂无答案