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

JQuery / JS - One selector for multiple inputs

本文关键字：选择器 一个 用于 输入 JQuery JS      更新时间：2023-09-26

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

我使用时间选择器(jQuery-UI)将时间选择器分配给输入字段。但我注意到，我必须为每个输入字段创建一个选择器。负荷太大了，不是吗?

选择器:

$('#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>

* 6 x
所以我有14种可能的时间选择器输入。

这可能吗?

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

$('.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>

你可以这样写:

$(":input").timepicker({controlType: 'select',timeFormat: 'HH:mm'});
相关文章：