ブログ

jQuery UIのDatepickerで和暦を設定したときのメモ

Datepicker   jQuery UI 1.10 日本語リファレンス   js STUDIO

jQuey UIのDatepickerを使用した際のメモ。
普通に組み込むと「2013/11/26」といった文字列が設定される。
※そもそものDatepickerの使い方は今回は省略します。

とりあえず、「2013年11月26日」っていう風にしようと思って調べてみた。
これは簡単に実現できた。

dateFormat: ‘yy年mm月dd日’という設定を追加すればOK。

$(function() {
    $("#date").datepicker({ dateFormat: 'yy年mm月dd日',
                            regional: "ja",
                            changeYear: true,
                            changeMonth: true });
});

これでカレンダーの日付選択時に「2013年11月26日」が設定される。

あとは、2013年を平成25年に変換すればOK。
色々とやり方はあるようだけど、inputタグのonChangeイベントで実装することに。

イメージとしては、
カレンダーを表示→日付選択→onChange発生→和暦変換
という処理の流れ。

inputタグはこんな風に記述した。

<input type="text" id="date" name="date" onchange="convert_wareki(this);" />

以下の様な和暦変換関数を呼び出して完了です。

function convert_wareki(element){
    ymd = element.value;
    year = ymd.substring(0,4);
    mmdd = ymd.substring(4,11);
    var result;

    if(year &gt; 1988) {
        result = year - 1988;
        result = '平成' + result;
    } else if (year &gt; 1925) {
        result = year - 1925;
        result = '昭和' + result;
    } else if (year &gt; 1911) {
        result = y - 1911;
        result = '大正' + result;
    } else if (year &gt; 1867) {
        result = year - 1867;
        result = '明治' + result;
    }
    element.value = result + mmdd;
}
  • このエントリーをはてなブックマークに追加

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

ページ上部へ戻る