bootstrap-datepicker顯示中文

sayWhat_sayHello發表於2019-02-20

引言

網上教你怎麼顯示中文很多,我也看了很多。但是並沒有解決我顯示不了中文的疑惑。
一般來說引入的方式首先是引入樣式指令碼:

	<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>

解決辦法

調換一下順序。

相關文章