Changing Date filter format on Kendo UI Angular 2

user_4449595 0
Viewed 4339

I have been facing trouble changing the format of date filter using Kendo UI for Angular 2. My date column is in dd/MM/yyyy format but the date filter format is MM/dd/yyyy when I use filter="date" on kendo grid column. How can I change this default format of filter to dd/MM/yyyy ?

kendo-grid angular
1 Answers

You can use the built-in filter templates for the most common data types that are susceptible to further configuration:

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

user_70099230
Related