首页 > 解决方案 > 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>

jQuery

$(document).ready(function() {
  $("#datepicker-group").datepicker({
    weekStart: 1,
    multidate: true,
    clearBtn: true,
    keyboardNavigation: false,
    daysOfWeekDisabled: "0,6",
    dateFormat: 'yyyy-mm-dd'

});

标签: jquerydatepicker

解决方案


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

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

推荐阅读