Question

我正在尝试通过下载 ver 4.17.47 安装的“ bower install eonasdan-bootstrap-datetimepicker#latest --save”来集成 eonasdan日期时间选择器，并引用http://eonasdan.github.io/bootstrap-datetimepicker/ < / p>

除模式弹出窗口外，它在所有页面上均正常运行。在浏览器控制台上没有问题，当我单击输入框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函数将与弹出模式的ready函数一起调用（另一个*）。 html）会加载datetimepicker，但是当我单击datetimepicker输入框时，日历不会显示。从浏览器控制台检查时，bootstrap-datetimepicker-widget没有显示，但是小部件完美显示在应用程序的其他页面上。

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

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

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

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

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

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

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

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

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

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

Answer 1

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

Answer 2

谢谢Udit，Mishu和团队，您的回复给了我一个方向。以下是我应用的解决方案-

datetimepicker未在作为单独窗口弹出的模式弹出窗口中正确加载，因此我添加了以下jquery加载函数以使其起作用。

$（function（）{$（'＃datetimepicker8'）。datetimepicker（）;}）;

非常感谢。

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

2 个答案: