多个.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> 

<% } %>