bootstrap-datetimepicker-widget不在弹出窗口上加载

Question

我试图整合eonasdan日期时间选择器通过下载为“ bower install eonasdan-bootstrap-datetimepicker#latest --save”，它安装版本47年4月17日，指http://eonasdan.github.io/bootstrap-datetimepicker/

除模式弹出窗口外，它在所有页面上均可正常运行。在浏览器控制台上没有问题，当我单击“输入框”时bootstrap-datetimepicker-widget未加载-

以下是代码-

Html : input type='text' class="form-control" id='datetimepicker8'

Script : $('#datetimepicker8').datetimepicker();

有什么建议 ？

我正在使用所有必需的库，因为它在我的应用程序的其他页面上都能正常工作。

我已经尝试过使用moment.js 2.18.1，moment-timezone 0.5.13，bootstrap 3.3.7，datetimepicker 4.7.47与jQuery 3.2.1 / 3.3.1一起使用

我正在使用聚合物加载器来加载自定义* .html文件以及具有底层nodejs结构的Bower组件。

所有自定义html文件都用封装<dom-module>，当加载父html页面（具有弹出模式的引用）时，将调用其ready函数以及加载的弹出模式（另一个* .html）的ready函数，datetimepicker但是当我单击时在datetimepicker输入框上，日历不显示。该bootstrap-datetimepicker-widget显示不出来，因为我从浏览器控制台检查，然而小部件显示了完全在我的应用程序的其他页面。

我尝试datetimepicker()在浏览器控制台上调试该功能，还尝试通过遵循警报功能来了解返回的datetimepicker对象。

alert(JSON.stringify($('#datetimepicker8').datetimepicker(), null, 4));

以上datetimepicker无法正常工作的弹出窗口的警告结果与datetimepicker在我的应用程序中正常工作的地方的结果相同，只是在弹出窗口上未显示datetimepicker日历。

我想到了以下浏览器版本尝试过的浏览器问题：73.0.3683.86版（官方内部版本）（32位）73.0.3683.86版（官方内部版本）（64位）72.0.3626.81版（官方内部版本）（64位）注：我的应用程序主要是为chrome开发的，我们不支持其他浏览器。

删除我的Chrome配置文件后，也尝试在Incognito Chrome窗口上进行操作。

我还尝试通过cdn js直接在弹出* .html文件中包含调用来进行尝试，但是在调试时，我发现它引用的是来自应用程序jspm包的nodejs 3.2.1和来自聚合物加载器的datetimepicker，这是完全正确的。

HTML : input type='text' class="form-control" id='datetimepicker8'

Script : $('#datetimepicker8').datetimepicker();

上面的脚本调用位于ready函数中。

预期结果：datetimepicker应该在输入框中加载。实际结果：单击输入框时，不会加载datetimepicker。

Answer 1

以下是我应用的解决方案-datetimepicker未在作为单独窗口弹出的模式弹出窗口中正确加载，因此我添加了以下jquery加载函数以使其正常工作。$（function（）{$（'＃datetimepicker8'）。datetimepicker（）;}）;非常感谢。

Answer 2

您是否尝试$('#datetimepicker8').datetimepicker()在模式弹出窗口中调用事件show.bs.modal。我假设您正在绑定datepicker文档准备就绪或页面加载。出现模式弹出窗口时，需要将其绑定