多個.NET MVC輸入字段不工作的JQuery Datepicker

Question

我簡化了我對這個問題的工作，但同樣的問題依然存在。我使用Textbox HTML助手來顯示空的文本框，因爲我循環了這個模型中的項目。

<% foreach (var item in Model) { %> 

<tr> 
<td><%: item.ID %></td> 
<td><%: Html.TextBox("usernames", null, new { @class = "datepicker" }) %></td> 
<td><%: item.Password %></td> 
<td> <%: item.Race %></td> 
</tr> 

<% } %> 

因爲我有幾行，這會產生幾個字段，所有類都帶有「datepicker」。我申請以下的JQuery的日期選擇：

$(document).ready(function() { 
$('input').filter('.datepicker').datepicker({ 
dateFormat: "dd/mm/yy", 
onSelect: function (value, date) { 
alert(this.value); 
} 
}); 
}); 

當頁面呈現，每一個文本框產生預期日曆，但它總是把日期到文本框在一行。我需要日期才能進入日曆旁邊的文本框。上面的代碼生成的HTML看起來不錯：

<tr> 
<td>6</td> 
<td><input class="datepicker" id="usernames" name="usernames" type="text" value="" /></td> 
<td>dinosaur</td> 
<td> 1</td> 
</tr> 

Interstingly，如果我簡單地創建類的4「日期選擇器」一切都很好。它是html助手爲你創建的方式。

請幫忙！

Answer 1

答案是給文本框生成唯一的id的像下面，否則它將無法正常工作。

<% foreach (var item in Model) { %> 

<tr> 
<td><%: item.ID %></td> 
<td><%: Html.TextBox("usernames", null, new { ID=item.ID @class = "datepicker" }) %></td> 
<td><%: item.Password %></td> 
<td> <%: item.Race %></td> 
</tr> 

<% } %>