如何在JavaScript中根据时区字符串设置Date对象？附AngularJS代码

嘿，我来帮你搞定这个问题！首先得明确一个关键点：JavaScript的Date对象本质上是存储UTC时间的，它本身没有“时区”属性——我们所谓的“设置时区”，其实是根据指定时区来格式化输出日期时间。下面分两部分解答：

一、JavaScript中处理时区的通用方法 #

1. 原生Intl.DateTimeFormat API（推荐，现代环境支持） #

现代浏览器和Node.js都支持原生的Intl.DateTimeFormat，可以直接指定IANA时区字符串（比如你用到的Asia/Jerusalem、America/Los_Angeles）来格式化日期，不需要额外依赖：

// 封装一个通用的时区格式化函数
const formatDateInTimeZone = (timestamp, timeZone, format = {
  month: 'short', day: 'numeric', year: 'numeric', hour: '2-digit', minute: '2-digit'
}) => {
  return new Date(timestamp).toLocaleString('en-US', {
    timeZone,
    ...format
  });
};

// 调用示例
console.log(formatDateInTimeZone(Date.now(), 'Asia/Jerusalem'));
// 输出类似：Jan 15, 2025 14:30

2. 第三方库（兼容旧环境） #

如果你的项目需要支持IE这类旧浏览器，推荐使用moment-timezone（适合AngularJS这类旧项目）或者更现代的luxon。以moment-timezone为例：

// 先确保已引入moment和moment-timezone库
const formattedDate = moment(timestamp).tz('America/Los_Angeles').format('MMM D, YYYY H:mm');

二、修复你的AngularJS过滤器代码 #

你的原代码有几个问题：语法不完整（括号未闭合）、原生AngularJS的date过滤器不支持自定义IANA时区、手动计算时区偏移的方式不可靠（夏令时会导致偏移变化）。下面是两种修复方案：

方案1：基于原生Intl API（无需额外依赖） #

toolFilters.filter('dateAccordingToTimeZone', function() { 
    // 将1970年至今的毫秒数转换为指定时区的时间，当前支持“Asia/Jerusalem”和“America/Los_Angeles”
    return function(milliSeconds, timeZoneId) { 
        // 处理空值或0的情况
        if (!milliSeconds || milliSeconds === 0) { 
            return ""; 
        }

        // 定义支持的时区列表，包含IL别名
        const supportedTimeZones = ['Asia/Jerusalem', 'America/Los_Angeles', 'IL'];
        if (!supportedTimeZones.includes(timeZoneId)) {
            // 不支持的时区返回本地格式，或者你可以自定义默认值
            return new Date(milliSeconds).toLocaleString('en-US', {
                month: 'short', day: 'numeric', year: 'numeric', hour: '2-digit', minute: '2-digit'
            });
        }

        // 把IL别名映射到正式的时区ID
        const targetTimeZone = timeZoneId === 'IL' ? 'Asia/Jerusalem' : timeZoneId;

        // 按指定时区格式化
        return new Date(milliSeconds).toLocaleString('en-US', {
            timeZone: targetTimeZone,
            month: 'short',
            day: 'numeric',
            year: 'numeric',
            hour: '2-digit',
            minute: '2-digit'
        });
    }
});

方案2：基于moment-timezone（兼容旧浏览器） #

如果你的项目已经引入了moment和moment-timezone，用这个方案更省心：

// 确保已在项目中引入moment.js和moment-timezone.js
toolFilters.filter('dateAccordingToTimeZone', function() { 
    return function(milliSeconds, timeZoneId) { 
        if (!milliSeconds || milliSeconds === 0) { 
            return ""; 
        }

        const supportedTimeZones = ['Asia/Jerusalem', 'America/Los_Angeles', 'IL'];
        if (!supportedTimeZones.includes(timeZoneId)) {
            return moment(milliSeconds).format('MMM d, YYYY H:mm');
        }

        const targetTimeZone = timeZoneId === 'IL' ? 'Asia/Jerusalem' : timeZoneId;
        return moment(milliSeconds).tz(targetTimeZone).format('MMM d, YYYY H:mm');
    }
});

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