剑道网格自定义过滤器日期

Question

我已经看到了几个如何执行此操作的代码示例，但没有一个是我正在寻找的格式。我试图自己转换它们，但没有成功。我要做的是创建一个自定义行过滤器，它将为您提供可在日期使用的 x 数量的选项。

columns.Bound(cc => cc.StartDate).Width(160)
   .HeaderHtmlAttributes(new { title = "startdate") })
   .Title("startdate"))
   .Filterable(ftb => ftb.Extra(false)
   .Operators(op => op.ForDate(d => d
   .IsEqualTo("At date")
   .IsLessThan("Before date")
   .IsGreaterThan("After date"))));

在上面的代码中，我尝试使用过滤器选项，以便用户可以选择在某个日期之前、之后和之后过滤事件。如果这些选项能够真正显示出来会很好，如果用户可以使用 kendo 日期选择器就更好了。

所以我的问题是：我做错了什么，我没有看到正确的选项，我如何让日期选择器进入过滤器？

Answer 1

您需要将列数据类型设为日期时间。 如果您使用 MVC，在您的模型中，您可以在 DatePicker 属性上方添加 DataType.Date，以防您只需要 datepicker 而不是 datetimepicker，如下所示：

[DataType(DataType.Date)]
public DateTime StartDate{ get; set; }

注意：如果 System.ComponentModel.DataAnnotations 未包含在您的标头中，请添加对它的引用。

然后在 filtrable 中指定 UI 将是日期时间选择器

filterable: {
             ui: "datetimepicker"
            }

或

columns.Bound(c => c.StartDate).ClientTemplate("#= kendo.toString(kendo.parseDate(StartDate), 'MM/dd/yyyy HH:mm:ss') #")
 .Filterable(ftb => ftb.Cell(cell => cell.Template("DateTimeFilter")));

这是您可以参考的示例代码。在此示例中，您可以参考出生日期列。

Demo - sample

在你的情况下，它会像

columns.Bound(cc => cc.StartDate).Width(160)
   .HeaderHtmlAttributes(new { title = "startdate") })
   .Title("startdate"))
   .Filterable(ftb => ftb.Extra(false)
       .Cell(cell => cell.Template("DateTimeFilter"))
       .Operators(op => op.ForDate(d => d
       .IsEqualTo("At date")
       .IsLessThan("Before date")
       .IsGreaterThan("After date"))));

希望对您有所帮助。