我正在尝试使用bootstrap模态中的datepicker,我发现有些人对此有问题,他们使用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,
});
});
在datepicker隐藏事件上使用stopPropagation()方法已解决,您可以关闭它。
$('.datepicker').datepicker().on('hide', function(event) {
event.preventDefault();
event.stopPropagation();
});