分類彙整: 網頁設計

[jQuery] 如何為 DatePicker 加上中文化日期選項?

http://blog.e-happy.com.tw/?p=5011
其實 jQuery 不愧為國際性的程式碼,針對於語系的問題當然也有考量到了,其實只要您在 JavaScript 的宣告時設定使用的區域即可完成這個任務。
我們原先加入在網頁的程式碼為:
$(function() {
$( “#日期欄位” ).datepicker({dateFormat: ‘yy-mm-dd’});
});
請先在使用前新增中文語系的設定,並將 DatePicker 的預設語系設為繁中即可完成這個任務,方式如下:
//設定中文語系
$.datepicker.regional[‘zh-TW’]={
dayNames:[“星期日”,”星期一”,”星期二”,”星期三”,”星期四”,”星期五”,”星期六”],
dayNamesMin:[“日”,”一”,”二”,”三”,”四”,”五”,”六”],
monthNames:[“一月”,”二月”,”三月”,”四月”,”五月”,”六月”,”七月”,”八月”,”九月”,”十月”,”十一月”,”十二月”],
monthNamesShort:[“一月”,”二月”,”三月”,”四月”,”五月”,”六月”,”七月”,”八月”,”九月”,”十月”,”十一月”,”十二月”],
prevText:”上月”,
nextText:”次月”,
weekHeader:”週”
};
//將預設語系設定為中文
$.datepicker.setDefaults($.datepicker.regional[“zh-TW”]);
//套用到表單
$(function() {
$( “#日期欄位” ).datepicker({dateFormat: ‘yy/mm/dd’});
});
就是這麼簡單喔,推薦給有使用到的朋友試看看!