this.date.trim不是函数

Question

我按日期进行过滤，但是会发生这样的错误：

  

错误TypeError：this.date.trim不是函数

html：

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

ts：

  date = "";

  applyFilter() {
    this.dataSource.filter = this.date ? this.date.trim().toLowerCase() : '';
  }

Answer 1

将日期转换为字符串，然后使用trim()。

喜欢

date: Date;
applyFilter() {
    this.dataSource.filter = this.date ? this.date.toString().trim().toLowerCase() : '';
  }

  

但是您应该将值的日期类型传递给filter属性，而不是字符串。然后，只有过滤器才能完美运行。