php - 在模态对话框中使用 Bootstrap Clockpicker

Question

我正在使用 this我项目中用于 Bootstrap 的 clockpicker 插件。在普通页面上使用时一切正常。但是当在模态对话框中使用时，插件不会选择这些值。我可以选择小时和分钟，但一旦我点击 AM/PM 或 Done 按钮，时钟就会消失。此外，当滚动模态时，时钟选择器会固定在其初始位置，但在普通页面中情况并非如此。请帮我解决这个问题。

Answer 1

我知道这已经晚了几个月，但我找到了一个潜在的修复方法。将 am/pm 按钮更改为 div 而不是按钮解决了这个问题，至少对我来说是这样。我通过 JordyMoos 获取了代码的更新版本 here .这仅在使用 autoclose:true 和 twelvehour:true 的引导模式中进行了测试。

在 if(options.twelvehour) 下更改以下两行，如下所示:

$('<button type="button" class="btn btn-sm btn-default clockpicker-button am-button">' + "AM" + '</button>')

成为

$('<div class="btn btn-sm btn-default clockpicker-button am-button">' + "AM" + '</div>')

和

$('<button type="button" class="btn btn-sm btn-default clockpicker-button pm-button">' + "PM" + '</button>')

成为

$('<div class="btn btn-sm btn-default clockpicker-button pm-button">' + "PM" + '</div>')

此问题是由于点击目标被检测为 .modal.fade.in 而不是按钮(之后立即检测到按钮，但这没有帮助，因为时钟已经隐藏)。