多个日期选择器文件ID

Question

我有一个很长的HTML文档，像一百个日期选择器。当然每个人都有在（DueDate'num'）的形式，自己的ID，如 “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

也使用类。名称输入的类名的交货期，

，那么你可以使用这样

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



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