boostrap3 bootstrap-datetimepicker.min.js设置中文语言

最新推荐文章于 2025-05-28 16:08:26 发布

转载最新推荐文章于 2025-05-28 16:08:26 发布 · 912 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000011512673

本文介绍如何在Bootstrap3中使用bootstrap-datetimepicker实现中文显示。通过引入moment-with-locales.min.js并加载特定的中文语言包zh-cn.js，可以成功设置日期选择器的语言为中文。

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

问题

bootstrap3中使用bootstrap-datetimepicker遇到设置中文语言的问题

解决办法

bootstrap-datetimepicker在使用的时候要先引入momentjs中的moment.js默认显示英文.
想要显示中文可以通过在momentjs下载引用moment-with-locales.min.js来设置语言.
由于moment-with-locales.min.js文件太大，所有选择引入中文语言包github地址

在locale中找到zh-cn.js

<!--bootstrap 时间控件 -->
<link rel="stylesheet" href="bootstrap-timepicker.min.css"/>

<script src="moment.min.js"></script>
<script src="bootstrap-datetimepicker.min.js"></script>
<script src="zh-cn.js"></script>
<script>
  $('#date-timepicker').datetimepicker({
        locale: moment.locale('zh-cn') //引入中文语言   
        ...
  })
</script>