Onclick 日关闭引导日期选择器答案

【问题标题】：Onclick day close bootstrap datepickerOnclick 日关闭引导日期选择器
【发布时间】：2014-03-20 20:30:21
【问题描述】：

我想在点击日期时关闭日期选择器。这在 Bootstrap Datepicker 中怎么可能实现？

这是小提琴：

$('#dob').datepicker(
{
    endDate:ageDate
}
);

【问题讨论】：

标签： javascript jquery twitter-bootstrap datepicker

【解决方案1】：

您是引导日期选择器的自动关闭属性，如下所示

$('#dob').datepicker(
{
    endDate:ageDate,
    autoclose: true
}
);

我已经更新了你的 js-fiddle

Updated fiddle

【讨论】：

【解决方案2】：

请注意，如果您使用的是 Stefan Petre 的 original version of the Bootstrap Datepicker，则 autoclose 属性 [在撰写本文时] 将不起作用。在这种情况下，您应该这样做：

$('#myDate').datepicker().on('changeDate', function (e) {
    $('#myDate').datepicker('hide');
});

如果您使用的是 eternicode 的 forked version，则 autoclose 属性将起作用。

【讨论】：

【解决方案3】：

使用选项“自动关闭”初始化您的日期选择器

$('#dob').datepicker(
{"autoclose": true});

或者您也可以使用以下代码关闭日期选择器

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

【讨论】：

【解决方案4】：

$('#Date3').datepicker({
        format: "mm-yyyy",
        viewMode: "months",
        minViewMode: "months"
    }).on('changeDate', function (e) {
        $('#Date3').datepicker('hide');
    });

【讨论】：

您能否在代码中添加更多详细信息。谢谢