Jquery 日期选择器-单击按钮关闭日历弹出窗口。

Jquery 日期选择器-单击按钮关闭日历弹出窗口。,jquery,datepicker,Jquery,Datepicker,我按下按钮,日期选择器打开。如果我离开弹出窗口单击,弹出窗口将按预期关闭。如果我单击按钮打开datepicker,然后再次单击它关闭它,它将保持打开状态 html <div id="datepicker-group" class="input-group date" data-date-format="yyyy-mm-dd"> <button type="button" class="btn btn-primary" id='select_dates'>Sel

我按下按钮,日期选择器打开。如果我离开弹出窗口单击,弹出窗口将按预期关闭。如果我单击按钮打开datepicker,然后再次单击它关闭它,它将保持打开状态

html

<div id="datepicker-group" class="input-group date" data-date-format="yyyy-mm-dd">  
    <button type="button" class="btn btn-primary" id='select_dates'>Select dates</button>
    <input class="form-control" name="data" type="hidden" placeholder="" id='test'/>        
</div>

当模式弹出窗口单击关闭按钮时,您可以尝试以下功能:

$(".close").click(function(){
  $('.datepicker').hide();
});

我只需要一个按钮就可以打开和关闭。.hide()也有一些问题,因为它隐藏了整个div,而不仅仅是弹出窗口,因此无法再次选择日期。
$(".close").click(function(){
  $('.datepicker').hide();
});