Kendo UI上的日期過濾器Angular 2 Grid

我使用Kendo UI Angular 2庫中的kendo-grid。我想知道我是否和如何可以設置一個日期過濾器 - 相當於boolean和numeric值在下面filter屬性：Kendo UI上的日期過濾器Angular 2 Grid

<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組件時，過濾器行功能已經沒有準備好這就是說我們會在下面的一些版本中添加這樣的過濾器「

來源

2017-04-10 Matt

您想要將日期管道應用於顯示字段嗎？ – mast3rd3mon

嗨馬斯特。不，這只是我過濾後的能力。謝謝。 – Matt

Matt，Date值是JSON響應中的字符串。因爲網格不知道何時將字符串解析爲日期（沒有元數據告訴組件這個特定的字段應該是日期），所以**需要將日期字符串轉換爲日期對象**，之前給電網供電。 P.S.只有字符串，數字和布爾值是開箱即用的，因爲這些是JSON中的類型。 –

據我所知，仍然Kendo UI不支持角度-2中的日期過濾器，所以你必須使用自定義過濾器。

根據此類創建具有列類型的自定義過濾器並設置HTML5輸入類型。

對於日期值的普通字符串過濾器，不要在列中指定任何過濾器類型。

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

來源

2017-04-10 11:36:34

嗨Sandip。是的，我查看了源代碼，看起來像這個時候只支持字符串，布爾和數字...... :( – Matt

現在有內置支持type =「date」： http：/ /www.telerik.com/kendo-angular-ui/components/grid/filtering/filtering/#toc-filtering-basics – topalkata

您可以按照以下語法在劍道網格中過濾日期。

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

這些是額外的：這些節目由日曆動畫進行過濾。將瀏覽器/動畫文件添加到您的module.ts

來源

2017-05-17 13:41:22

Kendo UI上的日期過濾器Angular 2 Grid

回答

相關問題