使用MomentJS的Bootstrap日期选择器本地化

Question

我正在使用Bootstrap日期选择器在这里，一切正常。然而，我希望根据用户的首选语言本地化日历。当我初始化日期选择器时，我已经设置了以下内容：

locale: 'fr'

然而，我在控制台中收到了以下错误：

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

我已经将MomentJS包含在我的项目中：

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

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

- Jason

Answer 1

替换

/moment/min/moment.min.js

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

它会起作用

- Salim Hamidi

Answer 2

正如错误信息所说，您只需包含所需的语言环境即可解决问题。如果您只需要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);

- VincenzoC

---

感谢您的帮助！这样解决了错误，但无论我是否指定区域设置，日期选择器都是法语。我会继续努力的！ - Jason