带有MomentJS的Bootstrap Datepicker Locale

Question

我在这里使用Bootstrap Datepicker ,一切正常.但是,我想根据用户的首选语言本地化日历.我在初始化datepicker时设置了以下内容:

locale: 'fr'

但是,我收到一个控制台错误,内容如下:

未捕获的TypeError:locale()语言环境fr未从时刻区域设置加载!

我在项目中包含了MomentJS:

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

这是我的第一个实现,所以我觉得我错过了一些简单但却无法解决的问题.

Answer 1

更换

/moment/min/moment.min.js

通过

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

它会起作用

Answer 2

正如错误消息所示,您只需包含所需的区域设置即可解决您的问题.如果您只需要fr区域设置,则可以添加以下内容:

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

moment进口后.

编辑:

如果您需要多个区域设置,则可以导入locales.js而不是fr.js.此外,moment提供单个文件,moment-with-locales.min.js带有时刻库+所有支持的语言环境.

如果要为选择器动态设置区域设置,可以使用以下locale函数:

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