如何将UTC时间转换为指定时区日期对象，使时区时间与原UTC一致

核心date-fns库本身不支持时区转换，你需要使用它的扩展包date-fns-tz来实现需求。

步骤1：安装依赖 #

npm install date-fns date-fns-tz

步骤2：实现转换函数 #

使用utcToZonedTime函数可以直接将UTC时间转换为指定时区的Date对象：

import { utcToZonedTime } from 'date-fns-tz';

function converFromUtcToZoned(utcTimeStr, timeZone) {
  // 将UTC时间字符串转换为指定时区的Date对象
  return utcToZonedTime(utcTimeStr, timeZone);
}

// 测试示例
const zonedDate = converFromUtcToZoned("2024-04-22T10:00:00.000Z", "Europe/Helsinki");
console.log(zonedDate.toString()); 
// 输出类似：Mon Apr 22 2024 13:00:00 GMT+0300 (Eastern European Summer Time)

补充说明 #

• 转换后的Date对象本质仍基于UTC，但它的本地时间方法（如getHours()、toString()）会返回目标时区的时间值。
• 如果需要格式化输出指定时区的时间，可以搭配formatInTimeZone方法：

import { formatInTimeZone } from 'date-fns-tz';

const formattedTime = formatInTimeZone(zonedDate, "Europe/Helsinki", "yyyy-MM-dd HH:mm:ss");
console.log(formattedTime); // 输出：2024-04-22 13:00:00

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