jQuery UI Datepickerのカレンダーに年月選択ボックスを入れる

harada 1,086views 更新:2016年4月6日

デフォルトだと以下のように指定することでカレンダーのみが表示されます。

<script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery('.date-input').datepicker ();
    });
</script>

以下のようにオプションを設定することでカレンダーに年月選択ボックスを付けられます。

<script type="text/javascript">
    jQuery(document).ready(function(){
      jQuery('.date-input').datepicker ({
        dateFormat: 'yy-mm-dd',
        changeMonth: true,//月の選択ボックス
        changeYear: true//年の選択ボックス
      });
    });
</script>

他のオプションなどはこちらがわかりやすいです。
Datepicker | jQuery UI 1.10 日本語リファレンス | js STUDIO

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません