Question

我构建了一个视图，用户可以使用JqueryUI datepicker JS编辑模型Store和我的每个项目的日期。

这是视图（摘录）：

@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="@(String.Format("{0}{1}","any",item.StoreID))"

现在它有效。

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

1 个答案: