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

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 > 1988) { result = year - 1988; result = '平成' + result; } else if (year > 1925) { result = year - 1925; result = '昭和' + result; } else if (year > 1911) { result = y - 1911; result = '大正' + result; } else if (year > 1867) { result = year - 1867; result = '明治' + result; } element.value = result + mmdd; }
コメント
この記事へのトラックバックはありません。
この記事へのコメントはありません。