按日期范圍過濾網格

Question

我目前正在使用 ASP.NET Core Kendo Grid 作為：

@(Html.Kendo().Grid(Model)
                    .Name("grid")
                    .ToolBar(t =>
                    {
                        t.Search();
                        t.Custom().Name("Clear").IconClass("mdi mdi-refresh");
                    })
                    .DataSource(dataSource => dataSource
                        .Custom()
                        .PageSize(10)
                    )
                    .Pageable(pager => pager
                        .Position(GridPagerPosition.Bottom)
                    )
                    .Sortable()
                    .Events(events => events.DataBound("onDataBound")
                    )
                    .Columns(columns =>
                    {
                      ...
                        columns.Bound(x => x.StartDate)
                            .Format("{0:MM/dd/yyyy}")
                            .Title("From Date");
                        columns.Bound(x => x.EndDate)
                            .Format("{0:MM/dd/yyyy}")
                            .Title("To Date");
                    })
                    )

如您所見，我有一個StartDate和EndDate列，我想添加一個 DateRange 日歷過濾器，如果日期在這些日期之間，則過濾表格。 我如何使用 .Net Core Grid 實現這一目標？ 問候

Answer 1

通過這種方式，您告訴 Kendo 只需為每個日期類型列過濾器菜單設置開始和結束日期范圍，並刪除額外的項目：

 @(Html.Kendo().Grid(Model)
         .Name("grid")
         .Filterable(filterable => filterable.Operators(operators =>
          {
              operators.ForDate(options =>
              {
                  options.Clear();
                  options.IsGreaterThanOrEqualTo("From Date");
                  options.IsLessThanOrEqualTo("To Date");
              });
          }))
         .Columns(columns =>
          {
           ....
            columns.Bound(x => x.StartDate)
                        .Format("{0:MM/dd/yyyy}")
                        .Title("From Date");
                    columns.Bound(x => x.EndDate)
                        .Format("{0:MM/dd/yyyy}")
                        .Title("To Date");
         })
    )