解除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>

我想对日期字段使用datepicker，但在后续日期字段上选择时，它们都只影响其类型的第一个。也就是说，任何StartDate字段都会改变屏幕上的第一个StartDate，而不是它本身。

jQuery

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

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

});

Answer 1

这听起来可能有一个问题，你的每个输入框都得到相同的id (它们都是id="EffectiveDate"或id="TermDate")，这是无效的，然后datepicker用那个id抓取第一个。

Answer 2

您似乎已经将datepicker附加到<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();
});