如何在Angular Material数据表中使用filterPredicate过滤出起始日期和结束日期之间的数据？

import { MatTableDataSource } from '@angular/material/table';

export class YourComponent {
  dataSource: MatTableDataSource<any>;
  startDate: Date;
  endDate: Date;

  applyFilter() {
    this.dataSource.filterPredicate = (data: any, filter: string) => {
      const startDate = this.startDate.getTime();
      const endDate = this.endDate.getTime();
      const date = new Date(data.date).getTime();

      return date >= startDate && date <= endDate;
    };

    this.dataSource.filter = 'customFilter';
  }
}

<mat-form-field>
  <input matInput [matDatepicker]="startDatePicker" placeholder="Start Date" [(ngModel)]="startDate">
  <mat-datepicker-toggle matSuffix [for]="startDatePicker"></mat-datepicker-toggle>
  <mat-datepicker #startDatePicker></mat-datepicker>
</mat-form-field>

<mat-form-field>
  <input matInput [matDatepicker]="endDatePicker" placeholder="End Date" [(ngModel)]="endDate">
  <mat-datepicker-toggle matSuffix [for]="endDatePicker"></mat-datepicker-toggle>
  <mat-datepicker #endDatePicker></mat-datepicker>
</mat-form-field>

<button mat-raised-button color="primary" (click)="applyFilter()">Apply Filter</button>

<mat-table [dataSource]="dataSource">
  <!-- 表格列定义 -->
</mat-table>

export class YourComponent implements OnInit {
  ngOnInit() {
    // 加载数据源
    this.dataSource = new MatTableDataSource(yourData);
  }
}