引导时间选择器的多个动态实例

Multiple dynamic instances of bootstrap-timepicker

本文关键字：动态 实例 时间 选择器      更新时间：2023-09-26

我正在使用rails的引导时间选择器，我在表单帮助器中使用它。如果只有一个实例，它就能很好地工作。下面是一个代码片段:

<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。

有谁知道我如何使这个动态或知道任何例子来证明这一点吗?

完全不要使用ID。使用一个类:

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

在JS中:

$(".timepicker").timepicker(...);
相关文章：