日期选择器获取给定时区的日期而不是本地时间

Question

在我的反应应用程序中，当我使用 moment-timezone 包（具有不同的时区）为日期选择器创建新的日期对象时，时间会自动转换为本地系统时间 + 选择的时区时间。 有没有办法在客户端设置一个时区来创建一个新的日期对象？ 我使用时刻时区进行全球化，使用 Meteor Js 进行后端

Answer 1

如果我理解正确，您的问题是您想提供一个 Date Picker UI，该 UI 会根据所选日期和用户时区设置（从您的数据库中检索）自动生成一个 Date 对象，但您得到的是一个日期用户的本地时间（因此可能已经有一些时区偏移）+用户时区偏移设置。

您主要有 3 种可能的解决方案：

1. 让日期选择器 UI 始终提供 UTC 日期（通常在 UTC 午夜），然后添加用户的时区偏移设置。
2. 让日期选择器 UI 将用户的时区设置作为配置，以便在自动生成日期时使用该时区偏移配置。
3. 让日期选择器 UI 在浏览器本地时间中提供日期，然后将其转换为 UTC，然后添加用户的时区偏移设置。

选项 1 UTC 中的 DatePicker： 我还没有看到任何提供此类选项的库，但听起来并不太奇怪，因此您可能会找到一个提供此类选项的库。或者您可能会摆弄组件代码...与选项 3 相比，这可能是矫枉过正。

选项 2 带有时区配置的 DatePicker： 从您的评论来看，这听起来像您所期望的。不幸的是，我也没有看到任何提供此类功能的库。由于这听起来比选项 1 更具体，因此您不太可能找到这样的库。

选项 3 本地时间转换为 UTC 然后添加用户时区：这是实现在给定时区生成日期目标的标准做法，从本地时间的日期开始，由于所有 DatePicker UI 都只使用本地时间来简化事情。至于将当地时间转移到UTC，您应该已经有很多关于SO的问题和答案了。

如果您必须为日期选择器 UI 提供初始值（通常是数据库中的先前值），请确保执行反向操作，即减去用户的时区偏移设置以获取 UTC 日期，然后切换到浏览器区域设置时间。当本地时间与 UTC 有负偏移时，我已经看到忽略这部分并且日期不正确的应用程序。