datetimepicker在选择时消失

Question

我有一个datetimepicker。

<input id="all-day-event-date" type="text">

这是一个输入文本框。我在文档加载时触发它聚焦：

$('#all-day-event-date').trigger("focus");

接下来发生的事情就是我的输入字段和我的日历/选择器出现了，正如预期的那样。

$("#all-day-event-date").datetimepicker({
    timepicker: false,
    onChangeDateTime: function(dp, $input) {
        var datetime = $input.val();
        var date = datetime.split(" ")[0];
        $input.val(date);
    }
});

看起来像这样：

但是，只要我选择日期，日历就会消失：

如何让它留下来？

这个问题与之前提出的问题不同。当我尝试内联解决方案时：

<div style="overflow:hidden;">
    <div class="form-group">
        <div class="row">
            <div class="col-md-8">
                <div id="datetimepicker12"></div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('#datetimepicker12').datetimepicker({
                inline: true,
                sideBySide: true
            });
        });
    </script>
</div>

这是怎么回事：

当我按下主页按钮时，它会在线显示：

这不是我想要的行为。我希望日历在加载后立即存在，之后永远不会消失，让用户选择并重新选择，而无需点击其他框。

Answer 1

添加焦点以在选择日期时从datepicker输入框中移除焦点

$('#all-day-event-date').focusout();

现在，在关注输入后，datepicker应该再次出现。

这是一个小提琴，我发现非常有帮助JSFiddle

编辑：如果你想让你的日期选择器完全消失，请阅读answer

  

使用带有altField的内联日历

<input type="text" id="alternate" size="30" />
<div id="datepicker"></div>

<script>
   $("#datepicker").datepicker({
      altField: "#alternate"
   });
</script>