boostrap3 bootstrap-datetimepicker.min.js設置中文語言

問題

bootstrap3中使用bootstrap-datetimepicker遇到設置中文語言的問題css

解決辦法

bootstrap-datetimepicker在使用的時候要先引入momentjs中的moment.js默認顯示英文.
想要顯示中文能夠經過在momentjs下載引用moment-with-locales.min.js來設置語言.
因爲moment-with-locales.min.js文件太大,全部選擇引入中文語言包github地址git

clipboard.png

在locale中找到zh-cn.js
clipboard.pnggithub

<!--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文件,簡單記錄問題學習,若是問題歡迎指正bootstrap

相關文章
相關標籤/搜索