Disassociate DatePickers

Question

У меня есть таблица, которая отображает частичное для каждого члена.

_partial.cshtml * * 1004

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

Я хочу использовать указатель даты для поля даты, но при выборе следующих полей даты они влияют только на первый тип. Т.е. любое поле StartDate изменит первое StartDate на экране, а не само по себе.

JQuery

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

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

});

Answer 1

Вы, кажется, прикрепили указатель даты к <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();
});

Answer 2

Похоже, что может быть проблема с тем, что каждое из ваших полей ввода получает один и тот же идентификатор (все они будут id="EffectiveDate" или id="TermDate"), что недопустимо, а затем средство выбора даты захватывает первое с этимID.