changeMonth, changeYear オプション(datepicker)

今回はchangeMonthとchangeYearを紹介します。

changeMonth

設定値:Boolean
初期値:false
概要:カレンダー上部に表示される月の表示をプルダウンにして、別の月をプルダウンで選択できるようにする。

changeYear

設定値:Boolean
初期値:false
概要:カレンダー上部に表示される年の表示をプルダウンにして、別の月をプルダウンで選択できるようにする。








$(function(){
    $('.datepicker1').datepicker();
    $('.datepicker2').datepicker({
        changeMonth: true,
        changeYear: true,
    });
});





上記サンプルは2つのtextフォームが並んでおり、
1番目にフォーカスするとデフォルトのままのカレンダーが表示される。
2番目にフォーカスするとカレンダー上部の年と月がプルダウン形式になっている
ことがわかります。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>