生年月日入力補助(v4.2.3~)

比較的様々なフォームで利用の多い生年月日の入力または選択を補助するための機能。年齢の自動算出まで可能です。

いろいろなタイプのフォームで生年月日の入力欄があると思いますが、年月日と別れていたり、手打ちで入力する必要があったり、対象年齢が決まっている場合はそれをチェックしたり、年齢を自動的に表示したかったり、和暦と西暦があったり、といろいろメンドクセー入力欄でもあります。

というのをサクッと改善しようという試みです。config.cgiの

push @AddOns,'birthday.js';

を有効にしましょう。

typeがdateかtextのinputタグにdata-birthday属性を付けましょう。

data-birthday="100,10"

と指定した場合、100歳まで、10歳からという意味です。なんで順序が逆かは忘れましたが意味があったはず。上記のように指定するとinputタグが消えて、10歳~100歳までに該当する和暦・西暦が併記された年月日のselectタグが自動生成されます。

typeがdateの場合

inputのtypeがdateの場合、値は必ずYYYY-MM-DDの形式になります。

typeがtextの場合

typeがtextの場合は形式を指定することができます。
形式を無指定の場合はYYYY年MM月DD日
data-birthday-jc属性を付けた場合は和暦の年号付きで年号YY年MM月DD日
data-birthday-age属性を付けた場合は(XX才)という値がさらに加えられます。

コメント欄