角日期管道自定义输出

Question

如果您查看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 }}

但是如果不创建新的自定义管道，还有更好的解决方案吗？

Answer 1

通常我这样做：

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

这种在单引号内用双引号将单词 at 解释为string

Answer 2

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

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

输出：日期

通过这种方式，您可以通过添加多个自定义数据来实现所需的多种形式。

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

// EEEE for Day Name

输出：日期名称在时间上的日期