如何用JavaScript将本地时间转换为UTC-8时区？

我之前对接SharePoint REST API时也碰到过一模一样的时区问题，不同时区用户传日期总是出现偏移，给你几个经过验证的解决方案：

核心问题分析 #

你遇到的本质问题是：SharePoint站点在UTC-8时区，而浏览器会把Date对象序列化为UTC时间的ISO字符串（比如2019-04-18T16:00:00.000Z），API服务器会把这个UTC时间转成自己的本地时区（UTC-8），导致日期偏移。所以我们需要生成的是「UTC-8目标时间对应的UTC时间」，再传给API。

方案1：原生JavaScript实现（无依赖） #

完全不需要第三方库，直接通过UTC时间构造来实现：

场景1：生成指定日期的UTC-8 0点时间 #

比如要传给API「UTC-8时区的2019年4月19日00:00:00」，对应的UTC时间是当天08:00:00，我们直接构造这个UTC时间：

// 注意：月份是0索引，4月对应3
const targetDate = new Date(Date.UTC(2019, 3, 19, 8));
// 生成API需要的UTC ISO字符串
const apiReadyString = targetDate.toISOString();
// 结果："2019-04-19T08:00:00.000Z"
// API服务器解析后得到UTC-8时区的2019-04-19 00:00:00，完全正确

场景2：获取当前UTC-8时间并转换 #

如果要获取当前UTC-8时间，再转成API可用的格式：

// 先拿到当前UTC时间的时间戳
const nowUtcTimestamp = Date.now();
// 减去8小时的毫秒数，得到UTC-8时间的时间戳
const utc8Timestamp = nowUtcTimestamp - 8 * 60 * 60 * 1000;
const utc8Date = new Date(utc8Timestamp);

// 提取UTC-8时间的年月日时分秒（用UTC方法避免本地时区干扰）
const year = utc8Date.getUTCFullYear();
const month = String(utc8Date.getUTCMonth() + 1).padStart(2, '0');
const day = String(utc8Date.getUTCDate()).padStart(2, '0');
const hours = String(utc8Date.getUTCHours()).padStart(2, '0');
const minutes = String(utc8Date.getUTCMinutes()).padStart(2, '0');
const seconds = String(utc8Date.getUTCSeconds()).padStart(2, '0');

// 方式1：生成带UTC-8偏移的ISO字符串（部分API支持这种格式）
const isoWithOffset = `${year}-${month}-${day}T${hours}:${minutes}:${seconds}-08:00`;

// 方式2：转成对应UTC时间的ISO字符串（兼容所有要求UTC格式的API）
const utcEquivalent = new Date(Date.UTC(year, utc8Date.getUTCMonth(), utc8Date.getUTCDate(), parseInt(hours) + 8));
const isoUtcString = utcEquivalent.toISOString();

⚠️ 为什么你之前用setHours会失效？因为setHours是基于本地时间的操作，如果用户本身在UTC-8时区，修改的是本地时间而非UTC时间，应该用setUTCHours，但上面的UTC构造法更可靠。

方案2：使用moment-timezone（简洁高效） #

如果你项目已经引入了moment，只需要再添加moment-timezone插件，就能直接指定时区：

// 生成指定日期的UTC-8时间
const utc8Date = moment.tz([2019, 3, 19], 'UTC-8');
// 转成UTC ISO字符串传给API
const apiReadyString = utc8Date.toISOString();

// 获取当前UTC-8时间并转换
const nowUtc8 = moment().tz('UTC-8');
const nowApiString = nowUtc8.toISOString();

如果API支持带时区偏移的字符串，也可以直接输出：

const isoWithOffset = nowUtc8.format('YYYY-MM-DDTHH:mm:ssZ');
// 输出示例："2024-05-20T14:23:45-08:00"

方案3：使用Intl.DateTimeFormat（现代浏览器原生支持） #

不需要额外库，利用ES6的Intl API格式化UTC-8时间：

const date = new Date();
// 配置格式化选项，指定UTC-8时区
const formatOptions = {
  year: 'numeric',
  month: '2-digit',
  day: '2-digit',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit',
  timeZone: 'UTC-8',
  hour12: false
};

// 格式化得到UTC-8时间的各部分
const parts = new Intl.DateTimeFormat('en-US', formatOptions).formatToParts(date);
const formattedParts = parts.reduce((acc, part) => {
  acc[part.type] = part.value;
  return acc;
}, {});

// 拼接成标准ISO格式带时区偏移
const isoString = `${formattedParts.year}-${formattedParts.month}-${formattedParts.day}T${formattedParts.hour}:${formattedParts.minute}:${formattedParts.second}-08:00`;

推荐选择 #

• 如果项目已经用了moment，优先用方案2，代码最简洁；
• 如果想避免第三方依赖，方案1是最稳定的选择，兼容所有浏览器；
• 现代浏览器环境下，方案3是原生轻量化的方案。

内容的提问来源于stack exchange，提问作者Dante R.