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，但是在后续日期字段中选择它们时，它们只影响它们的第一个类型。即任何StartDate字段都会更改屏幕上的第一个StartDate而非其自身。

的jQuery

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

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

});

Answer 1

听起来每个输入框都可能存在相同ID的问题（它们都是id="EffectiveDate"或id="TermDate"），这是无效的，然后是datepicker抓住第一个一个带那个身份。

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();
});

取消关联DatePickers

2 个答案: