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(...);