使用角度管道将日期转换为特定格式

Question

我在sql表中有一列的格式为ts：这是我从数据库得到的格式

2020-12-07T08:02:00.000Z

我希望将此日期转换为DD/MM/YYYY, 2:00 P.M格式。

当我使用下面的代码-

<span>{{ list.ts | date: 'dd/MM/yyyy'}}</span>

我得到的DD/MM/YYYY格式仅用于日期，当我使用下面的代码-时

<span>{{ list.ts | date: 'short'}}</span>

我的输出为-

MM/DD/YYYY, 2:00 P.M

我们应该做些什么才能得到DD/MM/YYYY, 2:00 P.M格式。

Answer 1

您可以将参数传递到日期管道，如下所示：

<p>
{{ dateString | date:'dd/MM/YYYY hh:mm a' }}
</p>

堆叠链路

Answer 2

您可以使用Moment.js并创建类似管道的

@Pipe({
name: 'specialDate',
})
export class SpecialDatePipe implements PipeTransform {
transform(value: any, format?: any): any {
if (value) {
return moment(value)
.locale('en')
.format(format ? format : 'DD/MM/YYYY hh:mm a');
} else return null;
}
}