Jquery DateTimePicker 内联首先显示空白数据

Question

我在显示 jquery-ui 库中的 Datetimepicker 时遇到了问题。这是我用于测试的代码

<input id="datetimepicker3" type="text" />
<script type="text/javascript">
$(document).ready(function () {
    $(function () {
        $('#datetimepicker3').datetimepicker({
            format:'d.m.Y H:i',
            inline:true
        });
    });
});
</script>

当我删除 inline:true 时它工作得很好，但是当我添加 inline: true 时我遇到了这个图像问题。

它是空的或空白的或未初始化，但是当我单击任何按钮（例如 "home" 按钮或它称为今天的按钮时，它再次工作并显示如下图所示的字段.

如何在不单击任何内容的情况下使其可见？！提前致谢。

编辑：

1- 这是 fiddle : https://jsfiddle.net/9t4kgzuf/

2- 删除或添加 $(document).ready(function () 是相同的结果

Answer 1

已解决：

$(document).ready(function() {
  $(function() {
    $('#datetimepicker3').focus(function(){
        $('#datetimepicker3').datetimepicker({
        format: 'd.m.Y H:i',
        inline: true
      });
     });
  });
});

Jquery DateTimePicker 内联首先显示空白数据

Jquery DateTimePicker inline is showing blank data on first

javascript

jquery

jquery-ui

datetimepicker