2015-02-25 3 views
1

Я надеюсь, что кто-то может помочь мне с этой проблемой. Я использую ClockPicker с опцией «twelvehour», установленной на модальном уровне. Кнопки AM/PM вообще не доступны. при попытке щелкнуть по одному из них, ClockPicker просто исчезает. Это относится к Google Chrome, я попробовал его на ПК и Mac. Прекрасно работает в Firefox.Как исправить Clockpicker (плагин для Bootstrap) вариант twelveHours в bootstrap modal (хром конкретный)

Я поставил предупреждение на кнопку 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, но результаты были одинаковыми. 2. Добавление z-index к clickpicker-span-am-pm и кнопке clockpicker также не дало никаких результатов. 3. создание модального достаточно большого, чтобы не было выбора таймера.

Ближе всего я нашел в Интернете с подобным вопросом был: How to get ClockPicker for Bootstrap (Plugin) to appear in a Bootstrap Modal pop up form?

что и мой jsfiddle основывается на: http://jsfiddle.net/pLh5G/10/

Я не могу думать о том, что еще я могу попробовать, или как Chrome рассматривает его по-разному.

ответ

0

После нескольких часов исследования. Я решил удалить блок AM PM из таймера и просто использовать дополнительный набор кнопок, предоставленный: http://www.bootstraptoggle.com/

Смежные вопросы