Kendo UI 中 ListView 的日期过滤器答案

【问题标题】：Date filter for ListView in Kendo UIKendo UI 中 ListView 的日期过滤器
【发布时间】：2013-09-16 13:42:35
【问题描述】：

如何根据 2 个日期过滤 listView（移动）项目。我有 2 个 html 日期输入：一个“开始日期”和另一个“结束日期”。 ListView 需要显示日期输入的这两个值之间的一系列项目。我怎样才能做到这一点？

我的方法是遍历模型数组，将日期字段与过滤数组中所需的日期存储进行比较，如果可以，则在处理完所有项目后刷新列表视图。但它没有用。

【问题讨论】：

您应该提供您尝试过的代码。

标签： javascript jquery html kendo-ui kendo-mobile

【解决方案1】：

您应该能够根据日期字段过滤列表绑定的数据源。

filterOnDate: function() {
var filter = { logic: "and", filters: [] };
filter.filters.push({ field: "birthday", operator: "gt", value: new Date(viewModel.startDate)});
filter.filters.push({ field: "birthday", operator: "lt", value: new Date(viewModel.endDate)});

viewModel.dataSource.filter(filter);

}

见jsbinhttp://jsbin.com/EXUGiQE/4/edit

【讨论】：