如何在 date-fns 中格式化小时和分钟？

Question

我正在将我的代码从 MomentJS 迁移到date- fns 并在设置小时和分钟时遇到以下问题。

这是我的momentJS工作得很好：

var someDate = moment.utc('2020-07-16T16:35:39.955873Z')) // 2020-07-16T16:35:39.955Z
console.log(someDate.format('MM/DD/YYYY [ at ] LT ')); // 07/16/2020 at 4:35 PM

这是我使用date-fns的代码：

var someTime = zonedTimeToUtc('2020-07-16T16:35:39.955873Z', 'utc'); // 2020-07-16T16:35:39.955Z
console.log(format(new Date(someTime), "MM/dd/yyyy 'at' h:mm a")); // 07/16/2020 at 10:35 AM

所以，我想打印我的date-fns代码

2020 年 7 月 16 日下午 4:35

但它正在打印

2020 年 7 月 16 日上午 10:35

这是为什么？ 让它打印我想要的日期的一种简单方法是从someTime变量的值中删除“Z”（如：2020-07-16T16:35:39.955），然后它可以工作，但我没有想手动删除。 谁能告诉我我错过了什么或做错了什么？ 提前非常感谢！

这是一个 现场演示

Answer 1

尝试使用utcToZonedTime()

要更改从 format() 返回的显示日期/时间，您必须使用：

• utcToZonedTime ：当您想知道另一个时区的本地日期时
• zonedTimeToUtc ：当您想知道另一个时区中的日期在本地时区中时

工作演示