1. 程式人生 > >Bootstrap日期外掛之Datetimepicker修改預設語言(附帶原始碼)

Bootstrap日期外掛之Datetimepicker修改預設語言(附帶原始碼)

在做這個外掛的時候,一開始匯入語言包報如下錯誤

bootstrap-datepicker.zh-CN.js:6 Uncaught TypeError: Cannot read property 'dates' of undefined

後來找其他方法去解決,好像修改bootstrap-datepicker.js這個檔案,加入中文格式,然而好像是沒有載入到這個包?

於是想了想,直接從原始碼入手去解決問題。

步驟如下:


將語言改為“cn“:


原始碼如下:

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