如何在动态生成的 mat-table 中将字符串转换为日期类型

Question

我有一个 mat-table 显示日期、时间段之前和时间段之后的列。HTML代码：-

<ng-container
            matColumnDef="{{ column }}"
            *ngFor="let column of columnsToDisplay"
        >
            <th mat-header-cell *matHeaderCellDef>{{ column }}</th>
            <td mat-cell *matCellDef="let element">
                {{ element[column]  }}
            </td>
        </ng-container>

打字稿代码：

columnsToDisplay = [
    'executionDate',
    'previousTimePeriod',
    'afterTimePeriod'
];
executionDate: string = new Date().toISOString().slice(0, 10);

如果我使用管道{{ element[column] | date: 'yyyy-MM-dd'}}将字符串类型的日期显示为日期类型，那么我将无法看到时间段之前和之后。如何仅将日期查看为“yyyy-MM-dd”

Answer 1

我的建议是使用角矩js

因此，您可以将其过滤器用作

{{ element[column] | amParse: 'YYYY-MM-DDTHH:mm:ss.SSSSZ' | amDateFormat: 'yyyy-MM-dd' }}