可编辑网格：多个日期选择器答案

【问题标题】：Editable Grid: Multiple datepickers可编辑网格：多个日期选择器
【发布时间】：2017-07-26 07:14:39
【问题描述】：

我正在构建一个视图，用户可以在其中编辑模型 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" 是为了在页面加载时显示商店注册的当前日期。

因此，当我更改任何 Store 的日期时，它总是会更改第一个 Store 的日期。

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

提前致谢！

【问题讨论】：

标签： javascript jquery jquery-ui datepicker

【解决方案1】：

解决了。

我只需要为每个添加一个 id 以便区分：

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

现在它可以工作了。

【讨论】：