可编辑网格:多个日期选取器

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>

由于我在此网格中显示多个商店，因此每个商店都有自己的选择日期。

我遇到的问题是所有日期选择器都相互链接，因为每个输入都有：

asp-for="@item.DesignatedDate"

翻译为：

id="item_DesignatedDate"

注意：我使用asp-for="@item.DesignatedDate"是为了在页面加载时显示应用商店注册的当前日期。

因此，当我更改任何商店的日期时，它将始终更改第一个商店的日期。

关于如何解决这个问题的任何想法？

提前感谢！

Answer 1

已解决。

我只需要为每个id添加一个id即可区分：

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

现在它起作用了。