Блог

Я пытаюсь отфильтровать список на основе даты, выбранной с помощью индикатора даты. Он не может сопоставить какие — либо даты в списке. Я понимаю, что фильтр представляет собой строку, и он пытается соответствовать дате в списке.

Как я могу это исправить?

Это файл ts

 constructor(private leaveService : LeaveService,  private dateAdapter: DateAdapterlt;Dategt;,  public datepipe: DatePipe  ) {   this.dateAdapter.setLocale('en-AU'); //dd/MM/yyyy  }  

Это событие изменения

 addEvent(type: string, event: MatDatepickerInputEventlt;Dategt;) {    const filterValue = moment(event.value).format('yyyy/MM/dd');  this.employeeLeaves.filter = filterValue;  if (this.employeeLeaves.paginator) {  this.employeeLeaves.paginator.firstPage();  }    }  

Это то, как дата находится в списке

 lt;!-- From Date Column--gt;  lt;ng-container matColumnDef="fromDate"gt;  lt;th mat-header-cell *matHeaderCellDef mat-sort-headergt;From Datelt;/thgt;  lt;td mat-cell *matCellDef="let employeeLeave"gt;{{employeeLeave.fromDate | date: 'dd/MM/yyyy'}}lt;/tdgt;  lt;/ng-containergt;  

Это для выбора даты для фильтрации списка

 lt;div class="col-md-4"gt;  lt;mat-form-field class="full-width" appearance="standard"gt;  lt;mat-labelgt;From Datelt;/mat-labelgt;  lt;input matInput [matDatepicker]="picker" placeholder="Input amp; change events"  (dateInput)="addEvent('input', $event)" (dateChange)="addEvent('change', $event)"gt;  lt;mat-datepicker-toggle matSuffix [for]="picker"gt;lt;/mat-datepicker-togglegt;  lt;mat-datepicker #pickergt;lt;/mat-datepickergt;  lt;/mat-form-fieldgt;  lt;/divgt;