如何用date-fns或其他日期库从ISO日期提取UTC偏移量？

我目前的实现方式如下：

import { parseISO, format } from 'date-fns';
import { formatInTimeZone } from 'date-fns-tz'

// e.g. chosenConnection['departure'] === "2022-08-26T03:41:25.280415+02:00"
departureParsedIso = parseISO(chosenConnection['departure'])
tz = chosenConnection['departure'].slice(-6)
formatInTimeZone(departureParsedIso, tz, 'dd.MM.yyyy')

这些出发日期对应特定国家和时区，因此我需要按正确时区格式化日期，而非浏览器或服务器的当前时区，这也是我使用date-fns的formatInTimeZone的原因。

但我发现除了手动截取外，似乎没有其他方法从chosenConnection['departure']中提取时区（即偏移量）信息，而且departureParsedIso也未保存该信息，这种做法既怪异又不够规范。

请问有没有更稳健、更优雅、更符合规范的实现方式？可以用date-fns，也可以用其他日期库？

我还尝试用format(departureParsedIso, 'xxx')提取偏移量，但它返回的是客户端或服务器的时区，而非ISO字符串中编码的时区。这是为什么？那parseISO的作用是什么？

一、核心问题解析 #

JavaScript的Date对象本质只存储UTC时间戳（从1970-01-01 UTC至今的毫秒数），本身不保留原始时区偏移信息。date-fns的parseISO只是把ISO字符串转成Date对象，自然也丢失了原偏移量——这是Date的局限性导致的。

而date-fns的format方法默认基于本地（客户端/服务器）时区格式化，所以用它提取偏移量只会得到当前环境的时区值，而非ISO字符串里的原始偏移。

parseISO的核心作用是将ISO格式的日期字符串转换为JavaScript原生Date对象，方便后续的日期计算和格式化，但受限于Date的特性，无法保留时区元数据。

二、更规范的实现方案 #

1. 基于date-fns-tz的增强解析（推荐） #

date-fns-tz提供了带时区支持的parseISO方法，能直接从ISO字符串中提取并保留偏移量信息：

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

const departureStr = chosenConnection['departure'];
// 解析时保留原始时区偏移
const departureDate = parseISO(departureStr);
// 获取原始偏移量并转换为formatInTimeZone兼容的格式
const offsetMinutes = departureDate.getTimezoneOffset();
const tzStr = `UTC${offsetMinutes > 0 ? '-' : '+'}${Math.abs(Math.floor(offsetMinutes / 60)).toString().padStart(2, '0')}:00`;

// 按原始时区格式化日期
const formattedDate = formatInTimeZone(departureDate, tzStr, 'dd.MM.yyyy');

2. 用正则安全提取时区偏移 #

如果不想修改解析逻辑，用正则匹配ISO字符串末尾的偏移量比手动截取更稳健（兼容+02:00、-0500等多种偏移格式）：

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

const departureStr = chosenConnection['departure'];
const tzMatch = departureStr.match(/([+-]\d{2}:?\d{2})$/);

if (tzMatch) {
  const tz = tzMatch[0]; // date-fns-tz同时支持带冒号和不带冒号的偏移格式
  const departureParsedIso = parseISO(departureStr);
  const formattedDate = formatInTimeZone(departureParsedIso, tz, 'dd.MM.yyyy');
}

3. 改用luxon库（时区处理更省心） #

若业务中频繁涉及时区操作，推荐使用luxon——它的DateTime对象会完整保留原始时区信息，操作更直观：

import { DateTime } from 'luxon';

const departureStr = chosenConnection['departure'];
// 解析时自动保留原始时区
const departureDt = DateTime.fromISO(departureStr);
// 直接按原始时区格式化
const formattedDate = departureDt.toFormat('dd.MM.yyyy');

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