Bootstrap datepicker-自动关闭后丢失日期值

问题描述 投票:0回答:1

我正在尝试使用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,

            });
        });
javascript twitter-bootstrap datepicker modal-dialog
1个回答
0
投票

在datepicker隐藏事件上使用stopPropagation()方法已解决,您可以关闭它。

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

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

© www.soinside.com 2019 - 2024. All rights reserved.