如何在Angular Material中从日期获取IST和PST时区字符串？

常见问题原因及解决步骤 #

• 未加载moment-timezone时区数据：moment-timezone本身不包含完整时区数据，需确保引入带时区数据的版本：
  • npm安装场景：安装moment-timezone后，加载内置的时区数据文件：

    const moment = require('moment-timezone');
    // 加载预打包的最新时区数据
    moment.tz.load(require('moment-timezone/data/packed/latest.json'));
    

  • 前端脚本引入场景：使用包含时区数据的moment-timezone打包文件，而非单独的moment+moment-timezone基础文件。
• 格式符使用验证：z格式符确实用于返回时区缩写（如PST/IST），但部分时区无标准缩写时会返回偏移值（如+05:30），可手动指定已知时区测试：

  // 测试美国洛杉矶时区
  console.log(moment.tz('America/Los_Angeles').format('z')); // 输出 PST/PDT
  // 测试印度时区
  console.log(moment.tz('Asia/Kolkata').format('z')); // 输出 IST
  

• 时区猜测准确性：moment.tz.guess()可能受浏览器或系统设置影响返回异常时区，可先打印moment.tz.guess()的结果，确认是否为预期的时区标识符（如Asia/Kolkata或America/Los_Angeles）。

原生JS替代方案（无需依赖moment） #

如果不想使用moment库，可直接用原生JavaScript获取时区缩写：

const date = new Date();
// 通过本地化字符串提取时区缩写
const timezone = date.toLocaleString('en-US', { timeZoneName: 'short' }).split(' ').pop();
console.log(timezone); // 输出 PST/IST 等时区缩写

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