Onclick 日关闭引导日期选择器

Posted 2023-05-07

【中文标题】Onclick 日关闭引导日期选择器

【英文标题】：Onclick day close bootstrap datepicker

【发布时间】：2014-03-20 20:30:21

【问题描述】：

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

这是小提琴：

http://jsfiddle.net/kGGCZ/17/

$('#dob').datepicker(

    endDate:ageDate

);

【参考方案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');
    );

【讨论】：

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