根据时区更改日期选择器中的日期和时间

Question

我在我的 React 应用程序中使用 Ant Design (3.x)。这是一个基于时区的应用程序。我们在顶部栏中将时区列表作为下拉列表。当我们选择任何时区时，应用程序中的所有日期和时间字段（表列数据、工具提示、摘要数据等）都会相应更改。

香港时间：

国际标准时间：

但是，在 DatePicker 中输入日期和时间不会根据时区而改变

香港时间：

国际标准时间：

它只采用计算机的时区（我的猜测）。我正在使用 moment timezone 包根据时区转换日期和时间。这个包只有antd正在使用。

Answer 1

尝试在下拉值更改时设置/更新时区moment-timezone（setDefault在下拉更改时调用特定时区值）。例如，

moment.tz.setDefault("America/New_York");

Ant 设计 正在根据CodeSandbox示例DatePicker选择时区moment.tz.setDefault

有关更多信息，请default timezone查看官方文档