如何在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，在调试器模式下我得到selecetd日期的值，但问题是我没有重定向到记录视图以及该日期的相应记录。请帮我这个

Answer 1

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

代替 return view（“Records”，res）; 使用 返回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>