如何修复引导模式中的 Clockpicker（Bootstrap 插件）十二小时选项（特定于 Chrome）答案

【问题标题】：how to fix Clockpicker (plugin for Bootstrap) twelveHours option in bootstrap modal (chrome specific)如何修复引导模式中的 Clockpicker（Bootstrap 插件）十二小时选项（特定于 Chrome）
【发布时间】：2015-02-25 20:37:58
【问题描述】：

我希望有人可以帮助我解决这个问题。我正在使用 ClockPicker，并在模式上设置了“十二小时”选项。 AM / PM 按钮根本不可点击。当试图点击其中任何一个时，clockPicker 就会消失。这是谷歌浏览器特有的，我在 PC 和 Mac 上试过。在 Firefox 中运行良好。

我在 AM 按钮上设置了一个警报，看看它是否被触发，而它没有。

$('<button type="button" class="btn btn-sm btn-default clockpicker-button am-button">'+ " AM" +'</button>')
            .on("click", function() {
                self.amOrPm = " AM"; 
                alert('Foo');
                $('.clockpicker-span-am-pm').empty().append(' AM');
            }).appendTo(this.amPmBlock);

在模态框外会触发警报，但在模态框内不会。我也试过： 1.将clockpicker-span-am-pm元素移到clickpicker-plate上方，但结果相同。 2. 向 clickpicker-span-am-pm 和 clockpicker-button 添加 z-index 也没有产生任何结果。 3. 使模态足够大，以使时钟选择器不在其外部。

我在网上找到的最接近类似问题的是：How to get ClockPicker for Bootstrap (Plugin) to appear in a Bootstrap Modal pop up form?

这是我的 jsfiddle 所基于的：http://jsfiddle.net/pLh5G/10/

我想不出我还能尝试什么，或者 Chrome 是如何处理不同的。

【问题讨论】：

标签： jquery css twitter-bootstrap

【解决方案1】：

经过几个小时的研究。我决定从时钟选择器中删除 AM PM 块，只使用由以下提供的额外按钮集：http://www.bootstraptoggle.com/

【讨论】：

我也遇到了同样的问题，在 GitHub 上得知这个时钟选择器不再维护。