Как я могу фильтровать данные в сетке просмотра MVC, используя даты начала и окончания?

Question

Итак, у меня есть список записей в виде сетки mvc, я хочу иметь возможность фильтровать этот список, используя StartDate и EndDate, используя jquery ajax.

Это мой индекс ActionResult

    public ActionResult Index(DateTime StartDate, DateTime EndDate)
    {
        decimal MinCost = 1.99m;

        var Transactions = db.Sales.Where(x => x.UnitCost > MinCost && x.AddedOn > StartDate && x.AddedOn < EndDate).OrderByDescending(x => x.Person).ToList();

        return View(Transactions);
    }

Это моя функция Jquery, в которой я пытаюсь вызвать Index ActionResult и передать две даты.

    <script type="text/javascript">

        function FilterRecords(StartDate, EndDate) {
            var data = {
                StartDate: StartDate,
                EndDate: EndDate
            };
            $.ajax({
                type: 'GET',
                url: '@Url.Action("Index", "Records")',
                data: data,
                success: function (data) {
                    $('#Index').html(data);
                },
                error: function (error) {
                    alert(JSON.stringify(error));

                    cache: true;
                }
            })
        }

    </script>

Это два ввода даты

    <label>Select Start Date</label>
    <input type="date" name="StartDate" id="StartDate" />
    <label>Select End Date</label>
    <input type="date" name="EndDate" id="EndDate"  onclose="FilterRecords()" />