Bootstrap datepicker在选择日期后不会自动关闭 [英] Bootstrap datepicker not close automatically after picking a date

问题描述

我使用最新的Bootstrap datepicker.js。一切正常，除了当我从下拉菜单中选择一个日期时，它不会自动关闭它。我搜索了web，并尝试在我的javascript中使用以下函数，如下所示：

  $（'＃selectDate'）。datepicker （{
 autoclose：true 
}）。on（'changeDate'，function（ev）{
（ev.viewMode =='days'）？$（this）.datepicker（' hide'）：''; 
}）; 
  

但是当我使用Google Chrome开发工具时，我意识到ev.viewmode未定义。我不知道如何前进。

解决方案

尝试这样：

  $（'＃selectDate'）。datepicker（）
 .on（'changeDate'，function（ev）{
 $（'＃selectDate'）。datepicker（'hide'）; 
}）; 
  

更新：

使用github上存在的datepicker的更新版本时，

autoclose 可以正常工作：

https://github.com/eternicode/bootstrap-datepicker

I use the latest Bootstrap datepicker.js. All works fine except that when I pick a date from the drop down, it does not automatically close it. I searched web and tried to use the following function in my javascript like the following:

 $('#selectDate').datepicker({
    autoclose: true
}).on('changeDate', function (ev) {
    (ev.viewMode == 'days') ? $(this).datepicker('hide') : '';      
});

but when i use Google Chrome Dev tools, I realized that ev.viewmode was undefined. I am not sure how to move forward.

解决方案

Try this:

$('#selectDate').datepicker()
.on('changeDate', function(ev){                 
    $('#selectDate').datepicker('hide');
});

Update:

autoclose works fine when you use the updated version of datepicker present on github:

https://github.com/eternicode/bootstrap-datepicker

这篇关于Bootstrap datepicker在选择日期后不会自动关闭的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！