让bootstrap-datepicker控件支持中文

这边博文记录配置让bootstrap-datepicker支持中文的配置步骤,首先官方的bootstrap-datepicker控件不支持本地化,所以需要从GitHub上下载下面这个第三方的已经支持本地化的,https://github.com/eternicode/bootstrap-datepicker,只需要下载2个文件bootstrap-datepicker.js和bootstrap-datepicker.zh-CN.js即可。这里要注意bootstrap-datepicker.zh-CN.js需要放在locales目录下。

调用的时候,需要把2个js文件都引用上,

<script src="/assets/js/date-time/bootstrap-datepicker.js"></script>
<script src="/assets/js/date-time/locales/bootstrap-datepicker.zh-CN.js"></script>
$('.date-picker').datepicker({
                language: 'zh-CN',
                autoclose: true,
                todayHighlight: true
            })

效果如下图

image

image


Comments

58 responses to “让bootstrap-datepicker控件支持中文”

Leave a Reply