今回はchangeMonthとchangeYearを紹介します。
changeMonth
設定値:Boolean
初期値:false
概要:カレンダー上部に表示される月の表示をプルダウンにして、別の月をプルダウンで選択できるようにする。
changeYear
設定値:Boolean
初期値:false
概要:カレンダー上部に表示される年の表示をプルダウンにして、別の月をプルダウンで選択できるようにする。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<title>datepicker</title> $(function(){ $('.datepicker1').datepicker(); $('.datepicker2').datepicker({ changeMonth: true, changeYear: true, }); }); <br /> |
上記サンプルは2つのtextフォームが並んでおり、
1番目にフォーカスするとデフォルトのままのカレンダーが表示される。
2番目にフォーカスするとカレンダー上部の年と月がプルダウン形式になっている
ことがわかります。
/