bootstrap-datepickerで日付を選択後ドロップボックスを閉じる

harada 614views 更新:2016年2月26日

bootstrap-datepickerを利用することでBootstrapに簡単にカレンダーで日付を入力できるパーツが付けられます。

利用方法はこちらのブログが参考になりました。

デフォルトだと日付を選択後もドロップボックスは開きっぱなしになっています。
これを日付を選択後は自動で閉じるようにするには以下のようにオプションを指定します。

<script type="text/javascript">
    $('.datepicker').datepicker({
    autoclose: true,//※これが今回したいことのオプションです。
    language: 'ja',
    todayHighlight : true
    });
</script>

参考:bootstrap-datepicker empties field after selecting current date

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

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

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