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를위한 날짜 선택기를 사용하고 싶지만 이후 datefields에 선택할 때 그들은 모두 그들의 유형의 첫 번째에 영향을 미친다. 즉 StartDate 필드는 화면상의 첫 번째 StartDate을 변경하지 않습니다. 동일한 ID를 받고 당신의 입력 상자의 각에 문제가있을 수 있습니다처럼

jQuery를이

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

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

}); 

Answer 1

그것은 소리를 잡아 날짜 선택기 후 무효, (그들은 모두 id="EffectiveDate" 또는 id="TermDate" 것), 그리고 그 첫 번째/그 이드.

Answer 2

<td>에 datepicker를 첨부 한 것 같지만 일반적으로 입력란과 연결되어 있어야합니다. 또한 당신은 클래스 이름에 그 @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(); 
});