Javascript Jquery DateTimePicker内联在第一个

我在显示jQueryUI库中的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>

$（文档）.ready（函数（）{
$（函数（）{
$（'#datetimepicker3'）。datetimepicker({
格式：'d.m.Y H:i'，
内联：对
});
});
});

当我删除inline:true时效果很好，但是当我添加inline:true时，我会在图像中遇到这个问题

它是空的或空白的，或者没有初始化，但是当我点击任何一个按钮，如“主页”按钮或它称为“今天”按钮时，它会再次工作，并显示字段，如下图所示。

我怎么能不点击任何东西就让它可见？！ 提前谢谢

编辑：

1-这是小提琴：

2-删除或添加$（document）.ready（函数（）是相同的结果

已解决：

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

---

您可以在

fiddle

或

snippet

中复制它吗？$（函数（）{..}&document.ready是same@GuruprasadRao@user2181397我已经试过了它不起作用对不起，老兄，我已经尽力了，但没能让它起作用可能是个错误，我建议你向他们报告这个问题祝你好运，我也遇到了同样的问题。我恐怕这对我也不起作用。无论如何，这看起来确实像是一次尝试解决问题！@Yamen Nassif这个解决方案对你有用吗？试试这里：（需要css，但我做得很快）JS提琴不起作用。在控制台中，我发现了这个错误：

injected.JS:32 Uncaught DOMException:无法从“htmliframelement”读取“contentDocument”属性：用origin阻止了一个框架”https://jsfiddle.net"通过访问跨源框架。

您使用的是internet explorer吗？因为在Chrome中，Firefox、Opera和Safari都能正常工作。我使用的是Chrome 60，但它（现在）无法正常工作。所以我只检查了Mozilla Firefox（50.1版）同样的事情也发生了：在关注输入时，我只得到了3个鬼影链接。点击任何链接都会显示日历。但顺便说一下，我认为OP的问题是关于内联日历的。那么为什么我们这里有一个与之相关联的输入字段呢？