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