Question

我想只在外面点击时才能关闭datepicker。为了防止在点击外面之前关闭，我删除了隐藏功能，如下所示：

$('#datepicker').data('datepicker').hide = function () {};

但如果我这样做，它就无法关闭datepicker。

我该如何解决这个问题？

以下代码：

<input type="text" name="datepicker" id="datepicker" class="form-control" value='<%=selectDate%>' onchange="hide()">


<script>

    $('#datepicker').datepicker({
        dateFormat : 'yyyy-mm-dd',
        autoclose: false
    }); 
    $('#datepicker').data('datepicker').hide = function () {}; 

</script>

Answer 1

<input type="text" name="datepicker" id="datepicker" class="form-control" value='<%=selectDate%>' onchange="hide()">


<script>

    $('#datepicker').datepicker({
        dateFormat : 'yyyy-mm-dd',
        autoclose: false
    }); 
    $('#datepicker').data('datepicker').hide = function () {}; 

</script>

在此代码上，onSelect func无效，无法使用hide() func 所以通过使用

将其更改为

.on("changeDate", function (e) {
    $('.datepicker').show();  
}

它对我有用

Answer 2

只需添加类datetimepicker-input ej。

<input type="text" class=" datetimepicker-input" id="datetimepicker4" data-toggle="datetimepicker" data-target="#datetimepicker4" dir="auto" required=""  readonly >

de jquery是

$('#datetimepicker4').datetimepicker();

我找到了此页面来解释详细信息https://tempusdominus.github.io/bootstrap-4

bootstrap-datepicker：如何在外部单击时关闭

2 个答案: