javascript - Bootstrap Datetimepicker 在第二次点击时消失

Question

我在使用 bootstarp datetimepicker 的网络表单上有一个输入控件。当我第一次单击 Input 控件时，datetimepicker 工作得很好。但是，如果我再次单击输入控件，Datetimepicker 就会消失。我点击了网络表单上的其他地方，然后再次点击输入控件以显示它。我无法找到问题所在。任何形式的帮助都将受到高度赞赏。我希望我的解释不会令人困惑！

我在stackoverflow上检查了几个问题，但没有一个对我有用。我也尝试检查 datetimepicker 文档，但找不到任何东西，或者我无法正确理解它。

HTML 代码：

<div>
<div class="input-group date form_date" id="dt_1" data-date="" data-date-format="yyyy-mm-dd" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd" style="width:inherit;">
<input class="form-control" type="text" value="" readonly="true" id="date1" style="width:inherit;" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
</div>                                        
</div>

查询：

<script type="text/javascript">

    $('.form_date').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        //todayBtn:  1, 
        autoclose: 1,
        todayHighlight: 1,
        startView: 2,
        minView: 2,          
        forceParse: 0
        });            
</script>

引导脚本：

<link href="../Content/bootstrap.min.css" rel="stylesheet" />
<link href="../date/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="../date/bootstrap-datetimepicker.js"></script>  

预期结果是 Datetimepicker 在第二次点击时不应该消失。It should only disappear if date selected or if clicked somewhere outside the control. 提前感谢您的帮助。

标签： javascriptjquerybootstrap-4bootstrap-datetimepicker