使用捆绑 (CDN) chartjs-adapter-date-fns.bundle.min.js 配置语言环境？答案

【问题标题】：Configuring locale with bundled (CDN) chartjs-adapter-date-fns.bundle.min.js?使用捆绑 (CDN) chartjs-adapter-date-fns.bundle.min.js 配置语言环境？
【发布时间】：2021-10-14 19:00:56
【问题描述】：

我在客户端 HTML 中使用 Chart.js 和 date-fns 适配器 (https://github.com/chartjs/chartjs-adapter-date-fns) 以允许时间笛卡尔轴 (https://www.chartjs.org/docs/latest/axes/cartesian/time.html)。

我正在从 CDN 加载 chartjs-adapter-date-fns - 即我的页面加载 chartjs-adapter-date-fns.bundle.min.js。（我没有使用 import 和 webpack。）

是否仍然可以按照https://github.com/chartjs/chartjs-adapter-date-fns#locale-support-via-scale-options 配置语言环境支持？如果是这样，请给我一个示例，说明如何访问语言环境类以传递给比例选项中的 adapters.date.locale。

文档状态：

// import date-fns locale:
import {de} from 'date-fns/locale';


// scale options:
{
    adapters: {
        date: {
            locale: de
        }
    }
}

...但是import 在浏览器中不起作用 - 那么我如何获得像de 这样的语言环境？

【问题讨论】：

标签： chart.js date-fns

【解决方案1】：

我切换到Luxon，因为我在使用 date-fns 时遇到了语言环境问题。然后就是一个简单的单行：luxon.Settings.defaultLocale = "fi";

luxon 库也非常适合解析时间，因此我建议尽可能使用它。 More on luxon

【讨论】：

Luxon 运行良好，谢谢。鉴于缺乏其他答案，我会接受这个。 :-) { adapters: { date: { locale: 'de', zone: 'UTC+1' } } } 和类似的工作。