更改 Kendo UI Angular 2 上的日期过滤器格式

【问题标题】：Changing Date filter format on Kendo UI Angular 2更改 Kendo UI Angular 2 上的日期过滤器格式
【发布时间】：2017-11-22 23:19:51
【问题描述】：

我在使用 Kendo UI for Angular 2 更改日期过滤器的格式时遇到了麻烦。我的日期列是 dd/MM/yyyy 格式，但是当我使用 filter="date" 时，日期过滤器格式是 MM/dd/yyyy kendo grid column。如何将过滤器的默认格式更改为 dd/MM/yyyy ？

【问题讨论】：

标签： angular kendo-grid

【解决方案1】：

您可以将内置过滤器模板用于最常见的易于进一步配置的数据类型：

DOCS Built-in date filtering component

<kendo-grid-column field="FirstOrderedOn" 
  title="First Ordered On" 
  width="240" 
  format="{0:dd/MM/yyyy}">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
     <kendo-grid-date-filter-cell 
      [column]="column" 
      [filter]="filter">
     </kendo-grid-date-filter-cell>
   </ng-template>
</kendo-grid-column>

EXAMPLE

【讨论】：

为了使这个过滤器起作用，我必须将 json 中的字符串日期更改为 javascript 中的 Date(yyyy,mm,dd) 对象，如示例所示。