代码之家 › 专栏 › 技术社区 › Barnee Emily

角度数据管道自定义输出

date-pipe pipe format date angular

1

Barnee Emily · 技术社区 · 7 年前

如果您查看Angular的DatePipe文档,您将在 pre-defined format options 有一个 'long' 格式如下: June 15, 2015 at 9:03:01 AM GMT+1

08 August at 16:06pm

这是我的代码:
{{ clicked | date: 'dd MMMM HH:mma' | lowercase }} 输出: 08 August 16:06pm
at 在月和小时之间?

作为一个快速的解决方案,我成功地做到了这样:

{{ clicked  | date: 'dd MMMM' }} at {{ clicked  | date: 'HH:mma' | lowercase }}

2 回复 | 直到 7 年前

1

6

Marcus Hert da Coregio 7 年前

通常我这样做:

{{ clicked | date: "dd MMMM 'at' HH:mma" | lowercase }}

用双引号引这个词在 string

2

1

Vijay Barot 7 年前

将自定义字符串放入日期格式的最简单方法,如下所示,

{{ clicked | date: "format'at' format" | lowercase }}

这样,可以通过添加多个自定义数据来实现所需的多种格式。

{{ clicked | date: " date format 'on' EEEE 'at' format" | lowercase }}

// EEEE for Day Name

输出:日期日期时间名称