如何在 JavaScript 中获取指定时区的日期（年、月、日）-js教程-PHP中文网

如何在 JavaScript 中获取指定时区的日期（年、月、日）

本文介绍如何不依赖第三方库，仅用原生 javascript 获取任意时区（如 'america/new_york'）下的准确年、月、日数值，避免本地时区干扰。

本文介绍如何不依赖第三方库，仅用原生 javascript 获取任意时区（如 'america/new_york'）下的准确年、月、日数值，避免本地时区干扰。

在 JavaScript 中，new Date() 创建的日期对象始终基于运行环境的本地时区，直接调用 getFullYear()、getMonth() 等方法无法反映目标时区的真实日期——例如用户在北京却需获取纽约当天的日期，此时 date.getDate() 返回的是北京时间对应的日，而非纽约时间。

✅ 正确方案是借助国际化 API：toLocaleDateString() 或更灵活的 Intl.DateTimeFormat，二者均支持 timeZone 选项，能真正按指定时区解析时间。

✅ 方法一：使用 toLocaleDateString()（简洁获取格式化字符串）

适用于只需显示日期字符串的场景：

Java JDK 25

Java JDK 25 来自 OpenJDK 官方归档，版本为 JDK 25，本条下载地址已指向官方 Windows x64 zip 安装包直链，适合调试旧项目或兼容旧版 Java 运行环境。

下载

const now = new Date();
const nyDateStr = now.toLocaleDateString(undefined, { 
  timeZone: 'America/New_York' 
});
console.log(nyDateStr); // 例如："10/25/2024"（取决于用户语言）

第一个参数为 undefined 表示使用浏览器默认语言；
若需固定格式（如英文），可显式传 'en-US'；
注意：此方法返回字符串，不便于后续数值计算。

✅ 方法二：使用 Intl.DateTimeFormat.formatToParts()（推荐：精确提取年/月/日数值）

当需要独立获取 year、month、day 数字（如用于表单、逻辑判断）时，此方法最可靠：

function getDateInTimeZone(date, timeZone) {
  const formatter = new Intl.DateTimeFormat('en', { 
    timeZone,
    year: 'numeric',
    month: 'numeric',
    day: 'numeric'
  });

  const parts = formatter.formatToParts(date);
  const result = { year: 0, month: 0, day: 0 };

  for (const part of parts) {
    switch (part.type) {
      case 'year':   result.year = parseInt(part.value); break;
      case 'month':  result.month = parseInt(part.value); break; // 注意：此处为 1–12（非 Date.getMonth 的 0–11）
      case 'day':    result.day = parseInt(part.value); break;
    }
  }
  return result;
}

// 示例：获取纽约当前日期
const now = new Date();
const nyDate = getDateInTimeZone(now, 'America/New_York');
console.log(nyDate); // { year: 2024, month: 10, day: 25 }

⚠️ 关键注意事项

时区标识符必须标准：使用 IANA 时区名（如 'Asia/Shanghai'、'Europe/London'），不可用缩写（如 'EST' 或 'GMT+8'），因后者不具唯一性且不被规范支持；
浏览器兼容性：Intl.DateTimeFormat 和 formatToParts() 在现代浏览器（Chrome 71+、Firefox 70+、Safari 14+）中完全支持；旧版 Safari 可降级使用 toLocaleDateString() + 字符串解析（不推荐）；
月份值差异：Intl 返回的 month 是 1–12，而 Date.prototype.getMonth() 返回 0–11，切勿混用；
无需 polyfill：所有主流现代环境原生支持，零依赖。

通过 Intl.DateTimeFormat，你既能精准控制时区上下文，又能安全提取结构化日期数据——这是处理跨时区业务（如全球活动倒计时、多时区日志归档、航班时刻表）的标准化、健壮实践。