介绍
在开发前端应用程序时，经常需要对时间、日期、货币等格式进行处理。而 CLDR（Common Locale Data Repository）是一个国际化数据存储库，提供了多种世界语言和国际化信息的标准数据。DevExtreme 是一个强大的 JavaScript 库，可以在 Web 和移动设备上构建丰富的用户界面和数据可视化。在 DevExtreme 中，我们可以使用 npm 包 devextreme-cldr-data 来扩展支持的翻译语言，同时支持多个数据格式的转换。
安装
在开始使用 devextreme-cldr-data 之前，需要先安装 DevExtreme：
npm install --save devextreme
然后，我们可以通过以下命令安装 devextreme-cldr-data 包：
npm install --save devextreme-cldr-data
使用
devextreme-cldr-data 包提供了很多语言和地区的 CLDR 数据，我们可以通过 import 在应用程序中调用所需的数据。例如，下面的代码显示如何导入 de（德语）语言的 CLDR 数据：
import 'devextreme-cldr-data/de';
import { locale } from 'devextreme/localization';在导入所需的数据后，我们可以使用 locale 函数来设置当前的本地化语言。例如，下面的代码将当前的本地化语言设置为 de（德语）：
locale('de');devextreme-cldr-data 包还支持以下 CLDR 数据的导入：
- currencies
- dateFields
- likelySubtags
- numberingSystems
- plurals
- timeZoneNames
- weekData
我们可以使用类似于导入 de 语言的方式导入这些数据，例如：
import 'devextreme-cldr-data/currencies'; import 'devextreme-cldr-data/dateFields'; import 'devextreme-cldr-data/likelySubtags'; import 'devextreme-cldr-data/numberingSystems'; import 'devextreme-cldr-data/plurals'; import 'devextreme-cldr-data/timeZoneNames'; import 'devextreme-cldr-data/weekData';
示例
下面的代码展示了一个基本的 DevExtreme 应用程序，它使用 devextreme-cldr-data 包来设置本地化语言：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ------------
------ --------------------------
------ ----------------------------------
------ ----------------------------------
------ -------------------------------------
------ ----------------------------------------
------ -------------------------------
------ -------------------------------------
------ --------------------------------
------ - ------ - ---- --------------------------
------ --------------
------ --- ---- --------
-------------
----------------
------------------
---- --
--------------------
-------------------------------
--在上面的代码中，我们通过导入 de 语言的 CLDR 数据来设置当前的本地化语言。然后，我们将所需的数据导入到应用程序中，并调用 locale 函数来设置其它语言的本地化。最后，我们将应用程序渲染到根节点中。
结论
使用 npm 包 devextreme-cldr-data，我们可以方便地扩展 DevExtreme 库的支持语言和本地化数据。通过导入所需的数据，我们可以快速设置本地化语言并支持多种数据格式转换。希望本文对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedbff4b5cbfe1ea0611c5b