javascript - 多个日期选择器字段 id

Question

我有一个很长的 html 文档，其中有大约一百个日期选择器。当然，每个都有自己的 id，格式为 (DueDate'num')，例如“DueDate401”:

<div id="DueDate">
  <label for="DueDate">Due date:<br></label>
  <input name="DueDate" type="date" id="DueDate401"/>
</div>

处理事件的JS如下:

$(function() {
$( "#DueDate401" ).datepicker({
    dateFormat:"d-M-yy",
    showButtonPanel:true,
    changeMonth:true,
    changeYear:true
}); 
});

我有一个模糊的想法，应该使用这样的东西:

document.getElementById("DueDate"+id)

但不确定。希望得到帮助。

更新:哦，是的，问题))))上面的 JS 示例显示了如何对特定日期选择器字段进行引用。由于每个下一个日期选择器都会更改其 id，因此我不知道如何更改此 Javascript 来处理所有日期选择器。

Answer 1

也使用类。将输入的类名称命名为 DueDate，

那么你可以这样使用

$(function() {
$( ".DueDate" ).datepicker({
dateFormat:"d-M-yy",
showButtonPanel:true,
changeMonth:true,
changeYear:true
}); 
});



<input name="DueDate" class="DueDate" type="date" id="DueDate401"/>