bootstrap-timepicker的多个动态实例

Question

我正在使用rails的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>

但是，当一个页面中有多个实例时，它就不起作用了。基本上，我有多个动态数据行，每行都需要一个时间选择器，我找到的示例很简单，有一个唯一的输入id和相应的JavaScript。

有没有人知道我如何使它变得动态，或者知道有什么例子可以证明这一点？

Answer 1

根本不用ID。使用类：

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

并且在您的JS中：

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