CODEWITHSUNDEEP
angularkendo-grid
A_J
A_J

Reputation: 1003

Changing Date filter format on Kendo UI Angular 2

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 ?

Upvotes: 2

Views: 4995

Answers (1)

topalkata
topalkata

Reputation: 2098

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

Upvotes: 2

Related Questions