Kendo ui Angular 2日期过滤器，介于2个特定日期之间

import { Component } from '@angular/core';
import { GridDataResult, DataStateChangeEvent } from '@progress/kendo-angular-grid';
import { process, State } from '@progress/kendo-data-query';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.component.html',
  styleUrls: ['./your-component.component.css']
})
export class YourComponent {
  public data: any[] = [
    { id: 1, name: 'Item 1', date: new Date('2022-01-01') },
    { id: 2, name: 'Item 2', date: new Date('2022-02-01') },
    { id: 3, name: 'Item 3', date: new Date('2022-03-01') },
    // 更多数据...
  ];

  public state: State = {
    skip: 0,
    take: 10,
    filter: {
      logic: 'and',
      filters: [
        { field: 'date', operator: 'gte', value: new Date('2022-02-01') },
        { field: 'date', operator: 'lte', value: new Date('2022-03-01') }
      ]
    }
  };

  public gridData: GridDataResult = process(this.data, this.state);
}

<kendo-grid [data]="gridData" [filterable]="true" [sortable]="true" [pageable]="true" (dataStateChange)="dataStateChange($event)">
  <kendo-grid-column field="id" title="ID"></kendo-grid-column>
  <kendo-grid-column field="name" title="Name"></kendo-grid-column>
  <kendo-grid-column field="date" title="Date" format="{0:yyyy-MM-dd}"></kendo-grid-column>
</kendo-grid>

public dataStateChange(state: DataStateChangeEvent): void {
  this.state = state;
  this.gridData = process(this.data, this.state);
}