jquery - 单击另一个日期选择器输入时关闭 Bootstrap 日期选择器对话框

Question

我有一个 Bootstrap 日期选择器输入框的列表，所有这些都使用相同的 .datepicker 类。对话框按预期显示和更新。我的问题是我希望在单击另一个日期选择器输入时自动关闭前一个日期选择器对话框。目前它们都保持开放状态。附件是我非常简单的日期选择器功能。

$(".datepicker").each(function(e){
$(this).datepicker({
    format: "mm/dd/yy",
    autoclose: true,
    }).on('changeDate', function (ev) {
        $(this).datepicker('hide');
});

});

他们每个人都需要一个唯一的类/ID 才能正常工作吗？让我知道我错过了什么...

Answer 1

更简单的解决方案:只需使用一个不是“datepicker”的类来定位您的输入，例如:

<input class="dp" type="text" name="start_date" />

和:

$('.dp').datepicker();

然后它就会默认具有您想要的行为。