Angular 如果数据取自数组,如何更改日期显示格式?

Angular 如果数据取自数组,如何更改日期显示格式?,angular,angular-material,Angular,Angular Material,如果数据取自数组,如何更改日期显示格式 你需要为此做些什么?如果这样做,结果将是一派胡言 {{row[column.lowercaseValue] | date}} html: JSON: 或者可以以某种方式全局设置,以便按照我的需要显示日期?您需要检查列.value是否为日期,以便管道仅应用于数据源中的日期字段 试试这个 {{column.value=='DATE'?(行[column.lowercaseValue]|日期):行[column.lowercaseValue]} 您需要检查列的

如果数据取自数组,如何更改日期显示格式

你需要为此做些什么?如果这样做,结果将是一派胡言

{{row[column.lowercaseValue] | date}}
html:

JSON:


或者可以以某种方式全局设置,以便按照我的需要显示日期?

您需要检查
列.value
是否为
日期
,以便管道仅应用于
数据源中的
日期
字段

试试这个

{{column.value=='DATE'?(行[column.lowercaseValue]|日期):行[column.lowercaseValue]}

您需要检查
列的.value
是否为
日期
,以便管道仅应用于
数据源中的
日期
字段

试试这个

{{column.value=='DATE'?(行[column.lowercaseValue]|日期):行[column.lowercaseValue]}

您的代码中没有提到日期object@Chaitanya
{value:“DATE”,lowercaseValue:“DATE”,displayName:“DATE”}
您能否将对象与日期的实际值共享…@AkberIqbal需要显示日期当前的显示方式?您能否将数组与您拥有的值共享?在你的代码中没有提到日期object@Chaitanya
{value:“DATE”,lowercaseValue:“DATE”,displayName:“DATE”}
您能否将对象与日期的实际值共享…@AkberIqbal需要显示日期当前的显示方式?您能否将数组与您拥有的值共享?
<table mat-table class="tb" [dataSource]="dataSource" matSort matSortDisableClear matSortActive="NAME"
matSortDirection="asc">
<ng-container [matColumnDef]="column.value" *ngFor="let column of allCols;">
    <th mat-header-cell *matHeaderCellDef mat-sort-header (click)="load()">
        {{column.displayName}}
    </th>
    <td mat-cell *matCellDef="let row">
        {{row[column.lowercaseValue]}}
    </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</table>
const COLS = [
  { value: "NAME", lowercaseValue: "name", displayName: 'Full name' },
  { value: "EMAIL", lowercaseValue: "email", displayName: 'E-mail' },
  { value: "MSG", lowercaseValue: "msg", displayName: 'Message' },
  { value: "DATE", lowercaseValue: "date", displayName: 'Date' }
];
{
    "rowCount": 2944,
    "user": [
        {
            "name": "Jaden Adrian Sanders",
            "email": "sowixowew@ionemail.net",
            "msg": "No binding defined",
            "date": "2019-08-16T02:30:03.000Z"
        },
...
}