網頁

2015年12月7日 星期一

jQuery UI DatePicker中文化

jQuery ui中文化有兩種方式(其實兩種都一樣)

第一種方式:自己客製化
//設定中文語系, 取自http://blog.e-happy.com.tw/?p=5011
$.datepicker.regional['zh-TW'] = {
   dayNames: ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
   dayNamesMin: ["日", "一", "二", "三", "四", "五", "六"],
   monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
   monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
   prevText: "上月",
   nextText: "次月",
   weekHeader: "週"
};
//將預設語系設定為中文
$.datepicker.setDefaults($.datepicker.regional["zh-TW"]);

第二種方式:使用jQuery ui提供的i18n,直接到GIT Hub jQuery ui i18n下載datepicker-zh-TW.js,在jquery-ui.js前加入datepicker-zh-TW.js,方式如下:
<script src="datepicker-zh-TW.js"></script>
<script src="jquery-ui.js"></script>

參考網址
[jQuery] 如何為 DatePicker 加上中文化日期選項?
GIT Hub jQuery ui i18n

沒有留言:

張貼留言