2

我正在研究一些 API clockify API 集成。我从 API 获取所有时间条目。在响应中，我得到了任务的开始和结束时间2019-02-22T12:11:00Z。

我想将上述日期格式转换为DD/MM/YYYY HH:MM:SS格式。我为此 {{item.timeInterval.start | 使用了日期管道。日期：dd/MM/yyyy, h:mm a z}} 但它不起作用。它显示相同。

我怎样才能做到这一点？

4

4 回答 4

1

尝试使用解析成Date这样的对象 -

parseIntoDate(date){
    return Date.parse(date)
}

<p>{{parseIntoDate(item.timeInterval.start) | date: 'dd/MM/yyyy, h:mm a z'}}</p>

工作示例

于 2019-02-22T07:46:48.540 回答
0

我的 TS 文件中的日期 -

我的日期 = '2019-02-22T12:11:00Z';

在html中

{{我的日期 | 日期：'dd/MM/yyyy HH:MM:SS'}}

于 2019-02-22T07:57:23.017 回答
0

当您从 API 接收数据时，您可以将字符串转换为 Date 对象。只需使用item.timeInterval.start = new Date(item.timeInterval.start)

于 2019-02-22T07:58:42.480 回答
0

您的日期格式错误任何错误的格式都不会作为示例解析 YYYY 格式将返回 YYYY 但 yyyy 将返回 2019 年 检查文档以获取所有格式选项

{{'2019-02-22T12:11:00Z' | date : "dd/MM/yyy HH:mm:ss"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "short"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "full"}}
<br>
{{'2019-02-22T12:11:00Z' | date : "yyy"}}

stackblitz 演示

于 2019-02-22T07:56:03.987 回答