問題:
eonasdan-bootstrap-datetimepicker 插件 選擇日期之后彈窗未自動關(guān)閉.
思考:
bootstrap-datepicker插件有autoclose屬性, eonasdan未提供autoclose屬性所以另尋他法.
使用dp.change事件,確認(rèn)日期時(shí)間的更改進(jìn)行手動隱藏.
解決
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();
}
});
效果
- 選擇新日期之后, 彈窗關(guān)閉,
- 選擇新時(shí)間之后, 彈窗關(guān)閉
參考:
