Jquery Bootstrap datepicker Select 后隐藏

发布于01月16日

How do I hide the calendar after a date is selected? Is there a specific function that I can use? My code below:

$('#dp1').datepicker({
    format: 'mm-dd-yyyy',
    startDate: '-15d',
    autoclose: true,
    endDate: '+0d' // there's no convenient "right now" notation yet
});

任何帮助都将不胜感激.

推荐答案

您可以使用事件changedate()来跟踪日期的更改时间，同时使用datepicker('hide')方法在进行 Select 后隐藏datepicker:

$('yourpickerid').on('changeDate', function(ev){
    $(this).datepicker('hide');
});

Demo

UPDATE

This was the bug with autoclose: true. This bug was fixed in latest master. SEE THE COMMIT. Get the latest code from GitHub

Jquery相关问答推荐

JQuery UI-AutoComplete未显示下拉菜单

使用 JQuery 在 span 标签中用逗号分隔页面上的文本

jQuery在localStorage时将类添加到正文

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

更改高亮 colored颜色

禁用提交按钮，直到所有字段都有值

在 jQuery UI Datepicker 中禁用future 日期

如何使用jquery取消绑定所有事件

jQuery从下拉列表中删除一个选项，给定选项的文本/值

将 CSS 应用于 jQuery 对话框按钮

使用 jQuery Select 最后 5 个元素

如何将数组传递给 jQuery .data() 属性

将图像 url 转换为 Base64

Backbone.js - 事件，知道点击了什么

如何使用 jQuery 格式化电话号码

图片转Base64

使用 jQuery 获取选中复选框的值

页面加载后如何执行jquery代码？

jQuery DataTables：控制表格宽度

使用javascript将HTML页面中的div下载为pdf

实用课程推荐