如何使用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中的日期列。