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

Question

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

香港时间:

IST时间:

但是，在 DatePicker 中输入日期和时间不会根据时区发生变化

香港时间:

IST时间:

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

Answer 1

尝试使用 moment-timezone 在 下拉值更改 时设置/更新时区(在下拉时使用特定时区值调用 setDefault -向下变化)。例如，

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

Ant design DatePicker 根据 moment.tz.setDefault 选择时区 - CodeSandbox example for the same

有关默认时区的更多信息，请查看official docs