Datepicker - 按钮单击关闭日历弹出窗口。

时间:2018-05-17 11:25:00

标签: 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'>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'

});

1 个答案:

答案 0 :(得分:0)

你可以尝试下面的功能,当模态弹出单击关闭按钮时:

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