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"按钮或称为today按钮，它再次工作并显示字段，如下一张图片所示。

如何使它在不点击任何东西的情况下可见？ 预先谢谢。

编辑：

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

2- 移除或添加$(document).ready(function ()是同样的结果。

- Yamen Nassif

---

你能在 fiddle 或 snippet 中复制它吗？ - Guruprasad J Rao

$(function () {..} 和 document.ready 是相同的。 - brk

@GuruprasadRao https://jsfiddle.net/9t4kgzuf/ - Yamen Nassif

@TJ 这是链接，顺便说一下，我这边也有相同的文件，并且它们与jquery-ui上的文件相同。https://code.jquery.com/ui/1.11.4/jquery-ui.min.jshttps://cdnjs.cloudflare.com/ajax/libs/jquery-datetimepicker/2.5.4/build/jquery.datetimepicker.full.js - Yamen Nassif

不要返回CDN，请问文档的链接在哪里？ - T J

Answer 1

已解决：

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

- Robert Blasco Villarroya

---

我有完全相同的问题。恐怕这对我也不起作用。无论如何，这似乎是试图解决问题的一种尝试！@Yamen Nassif 这个解决方案对你有效吗？ - Ifedi Okonkwo

尝试在这里测试：https://jsfiddle.net/roberburnday/kbjkh1s3/（需要CSS，但我快速制作了它） - Robert Blasco Villarroya

JS Fiddle没起作用。在控制台上，我发现了这个错误：injected.js:32 Uncaught DOMException: Failed to read the 'contentDocument' property from 'HTMLIFrameElement': Blocked a frame with origin "https://jsfiddle.net" from accessing a cross-origin frame. - Ifedi Okonkwo

你在使用Internet Explorer吗？因为在Chrome、Firefox、Opera和Safari中都可以正常工作。 - Robert Blasco Villarroya

我正在使用Chrome 60，但它又一次无法工作（就在现在）。所以我只检查了Mozilla Firefox（v.50.1），同样的问题出现了：当聚焦在输入框上时，只会出现3个幽灵链接。点击任何链接都会显示日历。但是顺便说一下，我认为OP的问题是关于内联日历的。那么我们为什么要在这里使用与输入框相关联的日历呢？ - Ifedi Okonkwo

抱歉，这是链接：https://jsfiddle.net/kbjkh1s3/（一位同事尝试并在他的电脑上工作）。 - Robert Blasco Villarroya