Kendo UI Angular 2 Grid上的日期过滤器

时间:2017-04-10 10:53:59

标签: angular kendo-grid kendo-ui-angular2

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

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

非常感谢。

截至2017年4月11日更新

来自Telerik:

“目前没有内置的日期过滤器,因为当过滤器行功能被释放时,DateInput组件还没有准备好。这就是说我们将在以下某些版本中添加这样的过滤器”

2 个答案:

答案 0 :(得分:1)

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

创建具有列类型的自定义过滤器,并根据该类型设置HTML5输入类型。

对于日期值的正常字符串过滤器,请勿在列中指定任何过滤器类型。

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

答案 1 :(得分:1)

您可以通过以下语法在ken​​do-grid中过滤日期。

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

这些是额外的: 这些节目按日历动画过滤。 将浏览器/动画文件添加到您的module.ts