jQuery UI Datepicker中文顯示

jquery ui function

 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()]));
   });
  });