eonasdan-bootstrap-datetimepicker 插件 选择日期之后弹窗未自动关闭.

问题:

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