Asp.net mvc 多个.NET MVC输入字段的JQuery日期选择器不工作

Asp.net mvc 多个.NET MVC输入字段的JQuery日期选择器不工作,asp.net-mvc,jquery-ui,textbox,html-helper,uidatepicker,Asp.net Mvc,Jquery Ui,Textbox,Html Helper,Uidatepicker,我简化了这个问题的工作,但同样的问题仍然存在。我使用Textbox HTML帮助器在循环浏览此模型中的项目时显示空文本框 <% foreach (var item in Model) { %> <tr> <td><%: item.ID %></td> <td><%: Html.TextBox("usernames", null, new { @class = "datepicker" }) %></td&

我简化了这个问题的工作,但同样的问题仍然存在。我使用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>

<% } %>
当页面呈现时,每个文本框都会按预期创建一个日历,但它总是将日期放入第一行的文本框中。我需要日期进入日历旁边的文本框。上面代码的html看起来不错:

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

6.
恐龙
1.
有趣的是,如果我只是创建了4个类“datepicker”,一切都很好。这是html帮助程序为您创建应用程序的方式


请帮忙

答案是为生成的文本框提供唯一的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>

<% } %>

答案是为生成的文本框提供唯一的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>

<% } %>