bootstrap-datepickerを利用することでBootstrapに簡単にカレンダーで日付を入力できるパーツが付けられます。
利用方法はこちらのブログが参考になりました。
デフォルトだと日付を選択後もドロップボックスは開きっぱなしになっています。
これを日付を選択後は自動で閉じるようにするには以下のようにオプションを指定します。
<script type="text/javascript"> $('.datepicker').datepicker({ autoclose: true,//※これが今回したいことのオプションです。 language: 'ja', todayHighlight : true }); </script>
参考:bootstrap-datepicker empties field after selecting current date