問題:

eonasdan-bootstrap-datetimepicker 插件 選擇日期之后彈窗未自動關閉.

思考:

bootstrap-datepicker插件有autoclose屬性, eonasdan未提供autoclose屬性所以另尋他法.
使用dp.change事件,確認日期時間的更改進行手動隱藏.

解決

       var format_yyyyMMddHHmmss="yyyy-MM-dd HH:mm:ss";
       $('#executeTime').datetimepicker({
           format: format_yyyyMMddHHmmss
       }).on('dp.change', function (ev) {
           var newDateTime = ev.date ? ev.date.format('yyyy-MM-dd HH:mm:ss') : "";
           var oldDateTime = ev.oldDate ? ev.oldDate.format('yyyy-MM-dd HH:mm:ss') : "";
           if (newDateTime != oldDateTime) {
               $(this).data("DateTimePicker").hide();
           }
       });

效果

1. 選擇新日期之后, 彈窗關閉,
2. 選擇新時間之后, 彈窗關閉

參考:

1. eonasdan-bootstrap-datetimepicker