boostrap日期時間插件datetimepicker使用過程的一些問題總結

1.漢化問題

雖然有轉門的漢化腳本，不過若是簡單使用的話本身稍微改一下源碼就好了：

 1 var dates = $.fn.datetimepicker.dates = {
 2     en: {
 3       days:        ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'],
 4       daysShort:   ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
 5       daysMin:     ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'],
 6       months:      ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
 7       monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
 8       meridiem:    ['am', 'pm'],
 9       suffix:      ['st', 'nd', 'rd', 'th'],
10       today:       'Today',
11       clear:       'Clear'
12     },
13     cn: {
14       days: ["週日", "週一", "週二", "週三", "週四", "週五", "週六", "週日"],
15       daysShort: ["日", "一", "二", "三", "四", "五", "六", "七"],
16       daysMin: ["日", "一", "二", "三", "四", "五", "六", "七"],
17       months: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
18       meridiem: ['am', 'pm'],
19       monthsShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
20       today: "今天",
21       clear: "清除"
22     }
23   };

找到datetimepicker.js大概1500行附近的位置有上面這段代碼，只要在源碼上加上cn這個選項以及後面的代碼就好了，而後在初始化插件的時候將language設成 'cn'就好

 

2.月份跳轉箭頭不顯示的問題

這個問題我遇到過兩種狀況，第一種是返回bootstrap字體文件時出現問題，這個問題會在瀏覽器控制檯上報錯，具體要涉及到java後端使用spring boot框架時須要進行相應配置；第二種是bootstrap的版本問題，若是你使用的bootstrap是v3版本，而datetimepicker沿用的仍是v2版本的樣式時，那麼在初始化插件時要加上bootcssVer: 3這個選項