vuejs2 - 如果浏览器不支持所需的语言环境，如何将缺少的语言环境添加到 Intl.DateTimeFormat (ES2020)？

Question

不幸的是，某些浏览器不支持使用 Intl.DateTimeFormat 的某些语言环境。在我的情况下，Chrome 中的“kk”语言环境（https://source.chromium.org/chromium/chromium/src/+/master:third_party/icu/scripts/chrome_ui_languages.list）。您可以在控制台中测试您的语言环境：

Intl.DateTimeFormat.supportedLocalesOf('kk')

如果它返回空数组 [] 则表示它不支持。

我的问题是如何添加缺少的语言环境？我的意思是可能有一个 Polyfill 吗？我正在使用 Vuejs 2

Answer 1

终于找到了使用 Polyfill 的解决方案：

npm i @formatjs/intl-datetimeformat

然后在您的代码中：

import '@formatjs/intl-datetimeformat/polyfill-force’ // Using force to use our polyfill
import '@formatjs/intl-datetimeformat/locale-data/kk’ // Add locales you want
import '@formatjs/intl-datetimeformat/locale-data/ru’ // Add locales you want
import '@formatjs/intl-datetimeformat/add-all-tz' // Add ALL tz data