Bootstrap日期选择器-自动关闭后日期值丢失

Question

我试图在引导模式中使用日期选择器，我发现有些人对此有问题，他们用z-index属性解决了这个问题在我的情况下，当我点击输入字段时，日历显示出来没有任何问题，但当我选择日期时，什么都没有发生。

如果我设置autoclose: false，我可以看到datepicker在输入中设置了日期值，但如果我在输入外单击，该值就会消失。

输入

<input class="form-control datepicker" type="text" name="buscar-desde" autocomplete="off">
<input class="form-control datepicker" type="text" name="buscar-hasta" autocomplete="off">

JS

$('#modal-buscar-finalizadas').on('shown.bs.modal', function() {
$('.datepicker').datepicker({
format: "dd/mm/yyyy",
language: "es",
autoclose: true,
todayHighlight: true,
});
});

Answer 1

在日期选择器隐藏事件上使用stopPropagation((方法解决后，您可以关闭它。

$('.datepicker').datepicker().on('hide', function(event) {
event.preventDefault();
event.stopPropagation();
});

https://github.com/angular-ui/bootstrap/issues/1032