編集可能なグリッド：複数の日付ピッカー

Question

モデルStoreの各アイテムの日付を編集できるビューを作成していて、JqueryUI datepicker JSを使用しています。

これは、ビュー（抜粋）です。

@model IEnumerable<Application.Models.Store> 
@foreach (var item in Model) 
    { 
<input type="text" class="datepicker form-control" asp-for="@item.DesignatedDate" 
    name="DesignatedDate" form="@(String.Format("{0}{1}","form",item.StoreID))" /> 

と、これはJSです：

<script> 
    $(function() { 
     $(".datepicker").datepicker(); 
    }); 
</script> 

私はこのグリッド内の複数の店舗を示すてるので、それぞれがにそれ自身の日付を持っています摘み取られる

私がいる問題は、各入力が持っているので、すべてのdatepickersが相互間でリンクされていることである。

id="item_DesignatedDate" 

注：に変換

​​

は私がasp-for="@item.DesignatedDate"を使用ページがロードされたときにストアが登録した現在の日付を表示します。

これで、店舗の日付を変更すると、常に最初の店舗の日付が変更されます。

これを修正する方法はありますか？

ありがとうございます！

Answer 1

解決済み。

私は区別するために、それぞれにIDを追加する必要がありました：

id="@(String.Format("{0}{1}","any",item.StoreID))" 

そして今、それが動作します。