Boostrap3 datetimepicker使用中文报locale zh-cn is not loaded from moment locales!异常的解决办法

仗键纵码走天涯

于 2018-04-25 18:31:25 发布

阅读量3.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： Javascript

本文链接：https://blog.youkuaiyun.com/slg1988/article/details/80083677

Javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何解决Bootstrap datetimepicker控件在使用多语言时出现的问题。主要原因是未正确引入moment.js及其多语言支持库。文章详细说明了解决步骤，包括如何替换已存在的moment.js以确保语言包被加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

报这个异常是因为没有引入moment库或者没有引入moment的多语言支持库。

Boostrap3对应的的datetimepicker4.17.37控件，在使用语言包时依赖了moment.js这个日期库，因此必须引入http://momentjs.cn/ 中的多语言支持版本的moment库，而且必须要放在引入datetimepicker之前！之后再使用

$('#newDate').datetimepicker({
                locale:'zh-cn',
                format: "YYYY-MM-DD HH:mm:ss"
		    });

方法设置语言即可。

最坑的是，我使用的一个框架已经将各种插件包括jquery的库都打包成了一个文件vendor.js中引入页面，然后这个vendor中其实已经包含了moment.js这个库，而且是个不带语言包的库……于是不管我在外围<script>标签中再怎样引入moment-with-locales.js这个库都不起作用……囧。最后将压缩文件中的moment部分替换成moment-with-locales.才终于解决！