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

标签 javascript jquery html kendo-ui kendo-mobile

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

我的方法是迭代模型数组,将日期字段与过滤数组中所需的日期存储在过滤数组中,如果可以,则在处理所有项目后刷新 ListView 。但没有成功。

最佳答案

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

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

关于javascript - Kendo UI 中 ListView 的日期过滤器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18829544/

相关文章:

javascript - 哪种 JavaScript MVC/MVVM 对 SEO 友好?

javascript - jquery只能通过拖动标题进行排序

javascript - 使用 javascript 为输入元素设置动态不同的 id 属性

javascript - 无法使用 jquery 更改 css 样式属性

javascript - 显示 block /无,函数 javascript

php - 如何使用 jQuery 和 AJAX 将 PHP 页面加载到 div 中?

javascript - 如何解码这个十六进制代码javascript?

html - 在 CSS 形状中间制作文本

javascript - 加载显示div,更改切换元素?

html - CSS 垂直和水平对齐事物