jquery ui datepicker 民國年 中文化

最近在研究怎麼把datepicker怎麼變成支援民國年

剛好也查到要怎麼把他變成中文化

其實文件就有說明

也許有些人會有些英文苦手

板上也沒看到相關的訊息，就貼上來。

首先，要先去下載中文的參數檔

http://jquery-ui.googlecode.com/svn/trunk/ui/i18n/

應該是最下面那一個

然後很神奇喔，你把他貼在你要使用的那一頁就行了。

例如

<script type="text/javascript">
$(function () {
  $('#test1').datepicker();
});

jQuery(function($){
 $.datepicker.regional['zh-TW'] = {
  closeText: '關閉',
  prevText: '&#x3c;上月',
  nextText: '下月&#x3e;',
  currentText: '今天',
  monthNames: ['一月','二月','三月','四月','五月','六月',
  '七月','八月','九月','十月','十一月','十二月'],
  monthNamesShort: ['一','二','三','四','五','六',
  '七','八','九','十','十一','十二'],
  dayNames: ['星期日','星期一','星期二','星期三','星期四','星期五','星期六'],
  dayNamesShort: ['周日','周一','周二','周三','周四','周五','周六'],
  dayNamesMin: ['日','一','二','三','四','五','六'],
  weekHeader: '周',
  dateFormat: 'yy/mm/dd',
  firstDay: 1,
  isRTL: false,
  showMonthAfterYear: true,
  yearSuffix: '年'};
 $.datepicker.setDefaults($.datepicker.regional['zh-TW']);
});
</script>

如果你覺得每次這樣要使用貼很麻煩 你當然也可以貼到jquery ui.js那個檔案裡面喔

基本上放在檔案最下面就搞定了。

最後發現我不用真的把套件變成民國年。

只要西元年顯示之前去-19110000就是我想要的效果了

$(function () {
  $('#test1').datepicker({ 
    dateFormat: "yymmdd",
    onSelect: function(dateText, inst) {
      dateText = dateText-19110000;
      $(this).val(dateText);
    },    
  });
});

延伸閱讀

http://aqr199.blog.ithome.com.tw/post/411/62016

http://maxclapton.comoj.com/?p=383