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示例显示了如何引用SPECIFIC datepicker字段。由于每个下一个datepicker都会更改其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"/>

多个Datepicker字段ID

1 个答案: