kore.ai场景下JavaScript如何将UTC字符串格式化为MMMM dd, yyyy

需求说明 #

• 输入：UTC格式日期字符串 2021-11-02T00:00:00.000Z
• 运行环境：kore.ai平台
• 目标格式：MMMM dd, yyyy，对应输出示例 November 02, 2021

核心注意点：格式化时必须强制使用UTC时区取值，否则kore.ai会默认读取会话配置的本地时区，跨时区场景下容易出现日期、月份计算错误。

方案1：使用Intl.DateTimeFormat（平台默认支持，代码最简洁） #

直接调用JS标准的日期格式化API，显式指定语言为英文、时区为UTC即可：

const inputUtcDate = '2021-11-02T00:00:00.000Z';
const formattedResult = new Intl.DateTimeFormat('en-US', {
    month: 'long', // 输出月份全称
    day: '2-digit', // 日期补零到两位
    year: 'numeric', // 输出四位年份
    timeZone: 'UTC' // 强制UTC时区，避免时区偏移导致数值错误
}).format(new Date(inputUtcDate));

// 输出结果验证：formattedResult === "November 02, 2021"

方案2：原生JS手写映射（极端兼容场景使用） #

如果遇到平台部分标准API被限制的情况，可以手动映射月份表，通过UTC原生方法取值拼接，无依赖兼容性最强：

const inputUtcDate = '2021-11-02T00:00:00.000Z';
const dateInstance = new Date(inputUtcDate);
// 英文月份全称映射，注意Date的UTC月份返回值从0开始计数
const fullMonthMap = [
    'January', 'February', 'March', 'April', 'May', 'June',
    'July', 'August', 'September', 'October', 'November', 'December'
];
// 全部取UTC维度的值，彻底绕过时区影响
const month = fullMonthMap[dateInstance.getUTCMonth()];
const day = String(dateInstance.getUTCDate()).padStart(2, '0');
const year = dateInstance.getUTCFullYear();
const formattedResult = `${month} ${day}, ${year}`;

// 输出结果验证：formattedResult === "November 02, 2021"

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