如何对Angular 7物料数据表中的日期进行排序?
我使用ng generate@angular/material:table demovable创建了一个数据表 我必须按日期列排序。在以前的Angular版本中,我可以为此使用如何对Angular 7物料数据表中的日期进行排序?,angular,sorting,angular-material,angular7,Angular,Sorting,Angular Material,Angular7,我使用ng generate@angular/material:table demovable创建了一个数据表 我必须按日期列排序。在以前的Angular版本中,我可以为此使用sortingDataAccessor,但由于某些原因,我无法在这里使用它 是否有人尝试过使用Angular 7(更具体地说是在使用ng generate命令创建数据表之后) 执行以下步骤,您应该能够对日期列进行排序: HTML: 添加MatSortModule 将matSort添加到选项卡中 <table mat
sortingDataAccessor
,但由于某些原因,我无法在这里使用它
是否有人尝试过使用Angular 7(更具体地说是在使用
ng generate
命令创建数据表之后) 执行以下步骤,您应该能够对日期列进行排序:
HTML:
<table matSort ...
此外,为您创建此文件,以防您被此文件弄乱您可以按如下方式使用MatSort进行排序:
import { MatSort, MatTableDataSource } from '@angular/material';
在html中:
<mat-table #matSort="matSort" matSort>
这应该适用于所有列类型。您看过这个吗?你的问题我不太清楚。你能分类吗?如果是这样,排序日期列时会出现问题吗?@benshabatnoam我无法对日期列排序
<table matSort (matSortChange)="sortData($event)">
sortData(event) {
this.(your-list) = this.(your-list).sort((a, b) => {
return a.date > b.date ? 1 : -1;
}
}
import { MatSort, MatTableDataSource } from '@angular/material';
<mat-table #matSort="matSort" matSort>
sortableList: MatSort;
@ViewChild('matSort') set yourDataSource(ms: MatSort) {
this.sortStudentDetails = ms;
yourDataSoruce = new MatTableDataSource(yourList);
yourDataSoruce.sort = this.sortableList;
}