问题:
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();
}
});
效果
- 选择新日期之后, 弹窗关闭,
- 选择新时间之后, 弹窗关闭
参考:
