bootstrap-datepicker显示中文

滑骞尧
2023-12-01

引言

网上教你怎么显示中文很多,我也看了很多。但是并没有解决我显示不了中文的疑惑。
一般来说引入的方式首先是引入样式脚本:

	<href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/css/bootstrap-datepicker.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/locales/bootstrap-datepicker.zh-CN.min.js"></script>

然后是在datepicker中设置language: 'zh-CN',

$('#start').datepicker(
        {
            language: 'zh-CN',
            autoclose: true,
            format: "yyyy-mm",
            startView: 3,
            minViewMode: 1,
            maxViewMode: 2,
            clearBtn: true,
            todayBtn: false,
            endDate: date
        })

问题

上面这个版本是正确的,但是为什么当时我会一直显示不出中文呢?是因为在引入·<script>标签时,
先引入了方言标签<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/locales/bootstrap-datepicker.zh-CN.min.js"></script>
随后才引入<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.8.0/js/bootstrap-datepicker.min.js"></script>

解决办法

调换一下顺序。

 类似资料: