Disassociate DatePickers

Question

我有一个呈现每个成员的部分表。

_partial.cshtml：

<tr> 
    <td> 
     Effective Date 
    </td> 
    <td /> 
    <td class="date @Model.GroupId"> 
     @Html.EditorFor(m => m.EffectiveDate) 
    </td> 
</tr> 
<tr> 
    <td> 
     Term Date 
    </td> 
    <td /> 
    <td class="date @Model.GroupId"> 
     @Html.EditorFor(m => m.TermDate) 
    </td> 
</tr> 

我想使用的DateField一个datepicker，但在随后的datefields选择时，他们都只会影响他们的第一个类型。即任何StartDate字段都将改变屏幕上的第一个StartDate而非其自身。

jQuery的

$(document).ready(function() { 
$(".32 input").datepicker(); 

$(".6 input").datepicker(); 

}); 

Answer 1

这听起来像有可能与您的每一个输入框得到同样的ID的问题（他们全是id="EffectiveDate"或id="TermDate"），这是无效的，然后日期选择器抓取第一个w /那个id。

Answer 2

您似乎已将日期选择器附加到<td>，而通常它应与输入字段关联。同时你并不需要在类名的@Model.GroupId：

<tr> 
    <td> 
     Effective Date 
    </td> 
    <td /> 
    <td class="date"> 
     @Html.EditorFor(m => m.EffectiveDate) 
    </td> 
</tr> 
<tr> 
    <td> 
     Term Date 
    </td> 
    <td /> 
    <td class="date"> 
     @Html.EditorFor(m => m.TermDate) 
    </td> 
</tr> 

然后：

$(function() { 
    $('.date input').datepicker(); 
});