JQuery / JS - 一个多输入选择器

Question

是否可以将一个选择器分配给多个输入字段？

我正在使用timepicker（jQuery-UI）将timepicker分配给输入字段。但我注意到，我必须为每个输入字段创建一个选择器。巨大的超载，不是吗？

选择器：

$('#timepicker').timepicker({controlType: 'select',timeFormat: 'HH:mm'});  

输入字段：

<div class="large-1 columns"><input type="text" id="timepicker" placeholder="Start"></div>
<div class="large-1 columns"><input type="text" id="timepicker" placeholder="End"></div>  

次6x
所以我有14个可能的时间戳输入。

这可能吗？

Answer 1

您不应该为多个输入使用相同的ID。使用类代替，ID应该是唯一的。 这是如何用类做的。

$('.timepicker').timepicker({controlType: 'select',timeFormat: 'HH:mm'});  

和html

<div class="large-1 columns"><input type="text" class="timepicker" placeholder="Start"></div>
<div class="large-1 columns"><input type="text" class="timepicker" placeholder="End"></div>  

Answer 2

你可以使用类似的东西：

$(":input").timepicker({controlType: 'select',timeFormat: 'HH:mm'});