jQuery UI Datepicker中文顯示

jQuery UI Datepicker這個用於日期顯示很方便而且提供了多種樣式，可以從jQuery UI中選擇喜歡的樣式和jQuery UI組件隨意下載js庫，如果只是使用datepicker那么選擇時之選UI Core和Widgets中的Datepicker，然后選擇喜歡的主題，選擇版本，下載即可。

不過下載的jQuery UI庫中是沒有中文的，我們可以將如下js代碼放到一個js文件中，然后在文件中引用即可：jQuery(function($){ 
     $.datepicker.regional['zh-CN'] = { 
        clearText: '清除', 
        clearStatus: '清除已選日期', 
        closeText: '關閉', 
        closeStatus: '不改變當前選擇', 
        prevText: '<上月', 
        prevStatus: '顯示上月', 
        prevBigText: '<<', 
        prevBigStatus: '顯示上一年', 
        nextText: '下月>', 
        nextStatus: '顯示下月', 
        nextBigText: '>>', 
        nextBigStatus: '顯示下一年', 
        currentText: '今天', 
        currentStatus: '顯示本月', 
        monthNames: ['一月','二月','三月','四月','五月','六月', '七月','八月','九月','十月','十一月','十二月'], 
        monthNamesShort: ['一','二','三','四','五','六', '七','八','九','十','十一','十二'], 
        monthStatus: '選擇月份', 
        yearStatus: '選擇年份', 
        weekHeader: '周', 
        weekStatus: '年內周次', 
        dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'], 
        dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'], 
        dayNamesMin: ['日','一','二','三','四','五','六'], 
        dayStatus: '設置 DD 為一周起始', 
        dateStatus: '選擇 m月 d日, DD', 
        dateFormat: 'yy-mm-dd', 
        firstDay: 1, 
        initStatus: '請選擇日期', 
        isRTL: false}; 
        $.datepicker.setDefaults($.datepicker.regional['zh-CN']); 
    });

注意保存時需要把編碼方式選為UTF-8，如果是使用記事本或者Ediplus另存為時可以選擇。

 

 

 $(function() {
  $.datepicker.setDefaults($.extend({showMonthAfterYear: false}, $.datepicker.regional['']));
  $("#datepicker").datepicker($.datepicker.regional['fr']);
  $("#locale").change(function() {
   $('#datepicker').datepicker('option', $.extend({showMonthAfterYear: false},
    $.datepicker.regional[$(this).val()]));
  });
 });