多個日期選擇器文件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"/>