new Date().toLocaleString跨浏览器显示不一致，如何统一本地时区日期？

不同浏览器对Intl.DateTimeFormat的时区名称格式化逻辑存在差异——Chrome会输出GMT+偏移格式，Firefox则会输出时区缩写（如IST），这直接导致了显示不一致的问题。以下是两种可靠的解决方式：

原生JavaScript实现（无需第三方库） #

通过手动控制日期时间格式和时区偏移的显示，完全规避浏览器差异：

代码示例 #

// 输入UTC日期字符串
const utcDateStr = '2020-01-14T17:43:37.000Z';
const date = new Date(utcDateStr);

// 格式化日期时间部分（统一为"Jan 14, 2020, 11:13:37 PM"格式）
const dateTimeFormatter = new Intl.DateTimeFormat('en-US', {
  year: 'numeric',
  month: 'short',
  day: 'numeric',
  hour: '2-digit',
  minute: '2-digit',
  second: '2-digit',
  hour12: true
});
const dateTimePart = dateTimeFormatter.format(date);

// 计算并格式化时区偏移（统一为GMT±HH:mm格式）
const offsetMinutes = date.getTimezoneOffset();
const sign = offsetMinutes > 0 ? '-' : '+';
const hours = Math.floor(Math.abs(offsetMinutes) / 60);
const minutes = Math.abs(offsetMinutes) % 60;
const timezoneStr = `GMT${sign}${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;

// 拼接最终结果
const formattedDate = `${dateTimePart} ${timezoneStr}`;
console.log(formattedDate); // 输出：Jan 14, 2020, 11:13:37 PM GMT+05:30（Chrome/Firefox一致）

逻辑说明 #

• 日期时间部分通过明确指定year、month、day等格式化选项，强制跨浏览器输出完全一致的格式。
• 时区偏移通过手动计算getTimezoneOffset()的值，转换为统一的GMT±HH:mm格式，彻底避免浏览器对时区缩写的差异化处理。

可选方案：使用第三方日期库 #

如果项目已引入date-fns或moment.js等日期处理库，可直接利用库的格式化能力实现一致显示：

date-fns示例 #

import { format, formatTimeZoneOffset } from 'date-fns';

const utcDate = new Date('2020-01-14T17:43:37.000Z');
const formattedDate = `${format(utcDate, 'MMM dd, yyyy, hh:mm:ss a')} GMT${formatTimeZoneOffset(utcDate)}`;
console.log(formattedDate); // 输出统一格式

内容的提问来源于stack exchange，提问作者muddarla vijaya durga