Несколько динамических экземпляров bootstrap-timepicker

Question

Я использую bootstrap-timepicker для рельсов, и я использую его в помощнике формы. Он работает очень хорошо, если есть только один экземпляр. Вот фрагмент кода:

<div class="bootstrap-timepicker input-append span2 offset0"> 
    <%= f.label :to_hour %> 
    <input id="timepicker1" type="text" class="input-small" value='12:15 PM'> 
    <span class="add-on"><i class="icon-time"></i></span> 
</div> 

Однако она не работает, когда есть несколько экземпляров в одной странице. По сути, у меня есть несколько динамических строк данных, для которых требуется выборщик времени, и найденные мной примеры были простыми и имели уникальный идентификатор ввода и соответствующий javascript.

Кто-нибудь знает, как я могу сделать эту динамику или узнать о каких-либо примерах, демонстрирующих это?

Answer 1

Не используйте идентификатор вообще. Используйте класс:

<input type="text" class="input-small timepicker" value='12:15 PM'> 

И в ваших JS:

$(".timepicker").timepicker(...);