做网站的时候

最新推荐文章于 2021-07-15 07:19:39 发布

转载最新推荐文章于 2021-07-15 07:19:39 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/moyuling/p/4911923.html

文章标签：

#javascript #ViewUI

本文介绍如何在使用Bootstrap日期选择控件时，将默认的英文界面更改为中文界面。通过导入特定的中文语言包和调整JS配置，可以实现日期选择控件的本地化。

做网站的时候，需要用到日期选择控件，即bootstrap-datepicker和bootstrap-datetimepicker，但默认都显示的是英文，

　　需求中需要显示为中文，所以需要修改。
　　方法如下：在“bootstrap-datepicker.js”和“bootstrap-datetimepicker.js”两个js文件中都有对language的设定，默认为“en”，

bootstrap已经提供了各国的语言包，在locales文件夹下面，对应的中文语言包即为zh-CN，修改过来便可中文显示。

【注】一个是导入

    <script type="text/javascript" src="js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/bootstrap-datepicker.zh-CN.js"></script>
二是：
$(function(){
 
$('input').datepicker({
format:"yyyy/mm/dd",
todayBtn:true,
clearBtn:true,
language:'zh-CN'
});

   

     
   