Bootstrap 使用 MomentJS 的日期选择器语言环境

Question

我正在使用 Bootstrap 日期选择器 available here，一切正常。但是，我想根据用户的首选语言本地化日历。我在初始化日期选择器时设置了以下内容：

locale: 'fr'

但是，我收到一个控制台错误，内容为：

Uncaught TypeError: locale() locale fr is not loaded from moment locales!

我在我的项目中包含了 MomentJS：

<script src="/vendors/moment/min/moment.min.js"></script>

这是我的第一个实现，所以我觉得我缺少一些简单的东西，但就是想不出来。

Answer 1

如错误消息所述，您只需包含所需的语言环境即可解决您的问题。如果你只需要 fr 语言环境，你可以添加这样的东西：

<script src="/vendors/moment/locale/fr.js"></script>

在 moment 导入之后。

编辑：

如果您需要多个语言环境，您可以导入 locales.js 而不是 fr.js。此外，moments 提供了一个文件，moment-with-locales.min.js，带有 moment 库和所有支持的语言环境。

如果你想为你的选择器动态设置语言环境，你可以使用locale函数：

// Example with german locale
var localeString = 'de';
$('#your-picker-id').data("DateTimePicker").locale(localeString);

Answer 2

替换

/moment/min/moment.min.js

来自

/moment/min/moment-with-locales.js

它会起作用

Bootstrap Datepicker Locale with MomentJS