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> 

私は日付フィールド用の日付ピッカーを使用したいが、その後のdatefieldsに選択するとき、彼らはすべての彼らの唯一のタイプの最初に影響を与えます。つまり、StartDateフィールドは画面上の最初のStartDateを変更しません。同じIDを取得し、あなたの入力ボックスのそれぞれに問題がある可能性がありますように

jQueryの

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

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

}); 

Answer 1

ですねつかん日付ピッカーその後、無効である、（それらはすべてid="EffectiveDate"またはid="TermDate"だろう）、および最初のものはそのidである。

Answer 2

通常、日付ピッカーは<td>に添付されていますが、通常は入力フィールドに関連付けられている必要があります。その後、

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

と：：また、あなたは、クラス名のもの@Model.GroupIdを必要としない

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