使用日期选择器过滤 Kendo Grid 列答案

【问题标题】：Filter Kendo Grid column with Date picker使用日期选择器过滤 Kendo Grid 列
【发布时间】：2017-07-26 21:21:50
【问题描述】：

我有一个 Kendo MVC Grid，它有一列带有 DateTime 列。一切看起来都很好并且格式正确。当我过滤时，它给了我一个日期选择器和一个时间选择器。当我删除下面的 DateTimeFilter 模板并使用模板包含时，它会给我一个日期选择器（我想要的），但仍然想按日期和时间过滤.. 有没有办法我可以把日期和时间都设置为相同的字段，但仅使用日期选择器进行过滤。？示例：我使用日期选择器选择 2017 年 7 月 24 日，它会过滤该日期的所有内容，而不考虑时间。或者它们是否需要是完全不同的字段，甚至是同一列中的串联字段。？

Column 数据如下所示：07/24/2017 18:12:00

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

【问题讨论】：

标签： kendo-ui kendo-grid kendo-asp.net-mvc

【解决方案1】：

如果您使用 MVC，请在您的模型中，在 DatePicker 属性上方添加 DataType.Date，如下所示：

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

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

【讨论】：