Как отфильтровать Kendo Ui Grid с помощью DateRange?

Question

В настоящее время я использую Kendo Ui Grid и пытаюсь фильтровать по DateRange .На данный момент мой код выглядит следующим образом:

HTML:

<kendo-grid-column field="createdate" title="Creation Date" width="150">
 <ng-template kendoGridFilterCellTemplate let-filter>
  <app-date-range-filter-cell class="date-range-filter" [filter]="filter" field="createdate">
  </app-date-range-filter-cell> 
 </ng-template>
</kendo-grid-column>

В моем ответе у меня есть createdate: "2019-04-19T15:47:48.000+0000", и я показываю его в своей таблице таким образом createdate: "19/04/2019, 18:47:48", используя:

this.createdate = this.datePipe.transform(this.createdate, 'dd/MM/yyyy, HH:mm:ss');

Мне нужно, чтобы фильтрация по DateRange работала только по дате, поскольку Kendo DateRange работает с типом Date, а мой - с типом string.Любая помощь?

Answer 1

Я нашел свое решение здесь. Я сделал следующие шаги:

a) Преобразованные string даты в тип Date с:

this.createdate = new Date(this.createdate);

б) Я изменил формат даты в моем html-формате так:

<kendo-grid-column field="createdate" title="Creation Date" width="150" format="{0: dd/MM/yyyy, HH:mm:ss}">
  <ng-template kendoGridFilterCellTemplate let-filter>
    <app-date-range-filter-cell class="date-range-filter" [filter]="filter" field="createdate">
    </app-date-range-filter-cell>
  </ng-template>
</kendo-grid-column>

И вуаля, вы можете использовать DateRange для столбца с датами в Kendo Ui Grid.