javascript - Kendo UI 中 ListView 的日期过滤器

Question

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

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

Answer 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);

}

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