Jquery 日期选择器更改的问题

我正在使用Asp.net MVC3。我在查看页面上有下表

      <table>
      <tr>
      <th>Id</th>
      <th>Name</th>
      <th>date1</th>
      <th>date2</th>
       </tr>
      @foreach(var item in Model.data)
      {
      <tr>
      <td>@item.Id</td>
      <td>@item.Name</td>
      @if(@item.date1==""){
         <td><input type="text" name="date1" class="date1"></td>
         }
      else{
<td>@Html.TextBox("date1",item.date1, new { @class="date1" })</td>
      }
       @if(@item.date2==""){
       <td><input type="text" name="date2" class="date2"></td>
         }
          else{
<td>@Html.TextBox("date2",item.date2, new { @class="date2" })</td>
         }
                </tr>
       }
      </table>

第一次选择第一行的日期时，所选日期会在正确的文本框中更新。但当我更改第二行的现有日期值时，日期更改会在第一行文本框中发生。

尝试以下操作：

    <table>
          <tr>
          <th>Id</th>
          <th>Name</th>
          <th>date1</th>
          <th>date2</th>
           </tr>
          @foreach(var item in Model.data)
          {
          <tr>
          <td>@item.Id</td>
          <td>@item.Name</td>
          <td><input type="text" id="date1" name="date1" class="date1" value="@item.date1=="" ? "" : @item.date1"/></td>
          <td><input type="text" id="date2" name="date2" class="date2" value="@item.date2=="" ? "" : @item.date2"/></td>
          </tr>
           }
          </table>

$(function () {
    $("#date1").datepicker({
        dateFormat: 'dd/M/yy'
    });
    $("#date2").datepicker({
        dateFormat: 'dd/M/yy'
    });
});

---

你有其他的javascript代码在处理这些值吗？请在JSFIDLE中添加demo。也请发现更新后的代码工作正常，但是当它动态填充时，它就不工作了

    <table>
          <tr>
          <th>Id</th>
          <th>Name</th>
          <th>date1</th>
          <th>date2</th>
           </tr>
          @foreach(var item in Model.data)
          {
          <tr>
          <td>@item.Id</td>
          <td>@item.Name</td>
          <td><input type="text" id="date1" name="date1" class="date1" value="@item.date1=="" ? "" : @item.date1"/></td>
          <td><input type="text" id="date2" name="date2" class="date2" value="@item.date2=="" ? "" : @item.date2"/></td>
          </tr>
           }
          </table>

$(function () {
    $("#date1").datepicker({
        dateFormat: 'dd/M/yy'
    });
    $("#date2").datepicker({
        dateFormat: 'dd/M/yy'
    });
});