以前作ったjQueryのプラグインを更新しました。
このプラグインを利用すると、jQueryオブジェクトで以下の3つのメソッドを利用することができます。
- numericOptions(option)
- datePulldown(yearObj,monthObj)
- options(Array)
今回のバージョンアップでは、numericOptionsに渡せるオプションの種類と、optionsメソッドを追加しました。
追加したオプションの種類
・labels
numericOptionsメソッドは連続した数値のプルダウンを生成するメソッドですが、プルダウンの値は数値でも見た目（ラベル）は文字にしたい場合があるという要望があったので、ラベル用の文字列を渡せるようにしました。
・exclude
連続した数値の中で、プルダウンに含めたくない値を配列で渡すことができます。
・startLabel
プルダウンの最初の値に「値を選択してください」のような文字列の選択肢を渡すことができます。渡す値は、長さ2の配列で、最初に値、そしてラベルを設定してください。
optionsメソッド
引数なしで実行すると、そのjQueryオブジェクト以下のoptionタグのjQueryオブジェクトが取得できます。
引数に数値を指定すると、その数値番目のoptionタグのjQueryオブジェクトを取得できます。
引数に配列の配列を指定すると、オプションタグを生成してappendします。
デモはこちらで確認することができます。各「execute code」を押下するとコードが実行されます。
プロジェクトホームページ：jquery-selectbox-utils - Google Code
| 固定リンク
|
コメント (1)
$('#birth_year').numericOptions({from:1960,to:1991});
$('#birth_month').numericOptions({from:1,to:12,namePadding:2,valuePadding:2});
$('#birth_day').numericOptions({namePadding:2,valuePadding:2}).datePulldown({year:$('#birth_year'),month:$('#birth_month')});
こんな感じで設定したのですが、
月を選択すると、日の0パディングがなくなってしまいます。
どのようにすればいいのでしょうか？
Posted by: 鈴木一郎 | 2009年1月23日 10:53