如何使用DateRange過濾Kendo Ui Grid？

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" 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進行make過濾只能按日期工作，因為Kendo DateRange的工作類型為Date而我的是類型string 。 有幫助嗎？

Answer 1

我在這里找到了解決方案。 我做了以下步驟：

a）將string日期轉換為類型Date ：

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

b）我改變了我的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中的日期列。