Kendo UI Angular 2 网格上的日期过滤器

Question

我正在使用 Kendo UI Angular 2 库中的 kendo-grid。我想知道是否以及如何设置日期过滤器 - 相当于下面 filter 属性上的 boolean 和 numeric 值：

<kendo-grid-column field="UnitPrice" filter="numeric">
</kendo-grid-column>
<kendo-grid-column field="Discontinued" filter="boolean">
</kendo-grid-column>

非常感谢。

更新于 2017 年 4 月 11 日

来自 Telerik：

"Currently there is not built-in date filter, as the DateInput component was not ready when the filter row functionality has been released. That said we will add such filter in some of the following releases"

Answer 1

据我所知 Kendo UI 在 angular-2 中仍然不支持日期过滤器，因此您必须使用自定义过滤器。

使用列类型创建自定义过滤器并根据该类型设置 HTML5 输入类型。

对于日期值的普通字符串过滤器，不要在列中指定任何过滤器类型。

<kendo-grid-column field="DateField">
</kendo-grid-column>

Answer 2

您可以在 kendo-grid.

中通过以下语法过滤日期

<kendo-grid-column field="Bill-Date" title="Sales Date" filter="date"> </kendo-grid-column>

这些是额外的：这些节目按日历动画过滤。将 browser/animation 文件添加到您的 module.ts

Kendo UI Angular 2 网格上的日期过滤器

Date filter on Kendo UI Angular 2 Grid

kendo-grid

kendo-ui-angular2

angular