为何en-CA日期本地化格式从yyyy-MM-dd变为M/d/yyyy？

问题场景 #

有一段用于以en-CA格式显示当前日期的JavaScript代码：

date = new Date();
console.log(date.toLocaleDateString('en-CA'));

此前en-CA本地化格式的日期为yyyy-MM-dd（示例：2023-02-24），但未修改代码的情况下，近期日期突然显示为M/d/yyyy（示例：2/24/2023），且在Windows 10、11系统的Chrome、Firefox、Edge浏览器中均能复现。

原因分析 #

这种变化的核心原因是浏览器/JS引擎对en-CA本地化规则的更新，或是系统区域设置的关联变更，具体包括：

• 浏览器的ECMAScript国际化API（Intl API）依赖底层的Unicode CLDR（通用区域数据仓库）数据，当浏览器版本更新时，可能同步了CLDR的最新规则，其中加拿大英语区域的默认日期格式被调整。
• Windows系统的区域设置可能通过系统更新、区域包升级改变了en-CA对应的默认日期格式，而主流浏览器会优先读取系统层面的区域格式化配置，而非沿用旧的硬编码规则。
• 部分浏览器的Intl实现会动态更新本地化配置，即使未手动修改代码，后台的本地化数据迭代也会导致输出格式变化。

若需要固定的yyyy-MM-dd日期格式，建议放弃依赖本地化API，改用手动格式化逻辑以避免此类变更影响，示例代码：

const date = new Date();
const formattedDate = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, '0')}-${String(date.getDate()).padStart(2, '0')}`;
console.log(formattedDate);

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