使用date-fns格式化带偏移UTC时间 如何避免转为本地时区

问题原因 #

date-fns默认的format方法基于运行环境的本地时区处理Date对象，会自动将UTC时间转换为当前时区的对应时间，因此你得到的是转换后的本地时间。另外你使用的hh是12小时制的格式符，不符合24小时制的输出需求。

解决方法 #

使用date-fns提供的formatUTC方法替代默认的format，同时将格式符中的hh替换为代表24小时制的HH即可，代码示例如下：

import { formatUTC } from "date-fns";

const utcDateTime = "2021-10-14T21:03:56.3256046+00:00";
const formattedDate = formatUTC(new Date(utcDateTime), "MM/dd/yyyy HH:mm");

运行后输出结果即为你预期的10/14/2021 21:03。

内容的提问来源于stack exchange，提问作者krsna