码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2020-01-17 21:05:22      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:div   tst   date   link   mep   解决办法   lin   oca   tps   

问题

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>

总结

省略了一些bootstrap主要相关css,js文件,简单记录问题学习,如果问题欢迎指正

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

标签:div   tst   date   link   mep   解决办法   lin   oca   tps   

原文地址:https://www.cnblogs.com/baimeishaoxia/p/12207238.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!