如何在 asp.net mvc 中使用日期过滤器在不同视图中显示记录

Question

我有一个名为 Index 的视图，我在其上使用模式来显示视图模式 是问题和已收到模式问题显示不同的记录并收到显示不同的记录。在索引视图上，我有一个日期选择器和一个选择任何日期的按钮，然后单击按钮我想显示与该特定日期匹配的记录，但在不同的观点我不明白如何实现我正在使用 jquery post 方法，我通过它传递日期值

这是我的cshtml和jquery

<div class="row">
    <div class="col-7 offset-4">
        <div class="form-inline">
            <input id="date" class="eadate form-control" />
            <button id="print" class="print btn btn-default"><i class="fas fa-print"></i></button>
        </div>
    </div>
</div>

    $(function() {
        $('#print').click(function () {
            var Date = $('#date').val();
            $.post('@Url.Action("Records", "LaundryFirm")', { dateval: Date });
        });

    });

here is my controller method

        public ActionResult Records(DateTime? dateval)
        {
            var res = db.Query<RoomLaundryvw>($"Select rm.RoomID,rm.RoomNo,g.GuestID,g.GuestName,ln.ReservationID,ity.ItemTypeName,it.ItemName,ln.PickDate,ln.DropDate from Laundry ln " +
                    "inner join Items it on ln.ItemId = it.ItemId " +
                    "inner join ItemTypes ity on ity.ItemTypeId = it.ItemTypeId " +
                    "inner join Rooms rm on ln.RoomID = rm.RoomID " +
                    "left join Reservation_Guest rg on rg.ReservationID = ln.ReservationID " +
                    "left join Guests g on g.GuestID = rg.GuestID " +
                   $"where ln.PickDate = '{dateval}'").ToList();
            return View("Records", res);
        }

在这种情况下，eadate 类指向 datepicker，在调试器模式下，我得到了 selectd 日期的值，但问题是我没有使用该日期的相应记录重定向到记录视图。请帮助我

Answer 1

问题太不清楚了，但我猜你想在 onClick #print 按钮之后显示数据

而不是
return View("Records", res);
使用
return PartialView("Records", res);

并将调用函数更改为

var url = '@Url.Action("Records", "LaundryFirm")';
$('#print').click(function() {
  var Date = $('#date').val();
  $('#result').load(url, { dateval: Date });
})

在按钮之后或任何你想要添加 id = result 的 div 之后

<div class="row">
  <div class="col-7 offset-4">
    <div class="form-inline">
      <input id="date" class="eadate form-control" />
      <button id="print" class="print btn btn-default"> <i class="fas fa-print"></i> </button>
    </div>
  </div>
</div>
<div id="result"></div>