如何在引导模式下修复时钟选择器(引导插件) twelveHours选项(特定于chrome)

Question

我希望有人能帮我解决这个问题。我正在使用ClockPicker，并在一个模式上设置了"twelvehour“选项。AM / PM按钮根本无法单击。当试图点击其中任何一个时，clockPicker就消失了。这是针对Google Chrome的，我在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.将z索引添加到clickpicker-span-am-pm和clockpicker-button也没有产生任何结果。3.使模式足够大，这样时钟选择器就不会超出它的范围。

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

这就是我的jsfiddle的基础：http://jsfiddle.net/pLh5G/10/。

我想不出我还能尝试什么，或者Chrome对它有什么不同之处。

Answer 1

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