使用Dayjs解析UTC字符串并转换为纽约时区的问题

问题核心：解析不带时区标识的UTC时间字符串时，Dayjs默认会将其当作本地时区处理，导致后续UTC格式化和时区转换结果不符合预期。

解决方案 #

关键是显式指定解析格式，让Dayjs明确输入的字符串是UTC时间，而非依赖默认的模糊解析逻辑。修改后的代码如下：

import dayjs from 'dayjs';
import utc from 'dayjs/plugin/utc';
import timezone from 'dayjs/plugin/timezone';

dayjs.extend(utc);
dayjs.extend(timezone);

const dateString = "7/1/2023 08:04:09 AM";
// 指定解析格式，确保Dayjs将字符串按UTC时间解析
const myDate = dayjs.utc(dateString, 'M/D/YYYY hh:mm:ss A');
const utcDateString = myDate.utc().format('MM/DD/YYYY HH:mm:ss');
const formattedString = myDate.tz("America/New_York").format('MM/DD/YYYY hh:mm:ss A');    

console.log(utcDateString) // 07/01/2023 08:04:09（与原UTC字符串一致）
console.log(formattedString) // 07/01/2023 04:04:09 AM（纽约时区对应时间）

原因说明 #

• 直接使用dayjs.utc(dateString)时，Dayjs内部会调用原生Date构造函数解析字符串，而原生Date对于不带时区信息的字符串，默认按本地时区解析，这就导致UTC格式化结果和原字符串不一致。
• 通过在dayjs.utc()中添加第二个参数（解析格式），可以强制Dayjs将输入字符串当作UTC时间处理，后续的时区转换和格式化就能得到正确结果。

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