Angular 日期管道自定义输出

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

输出：日期日期名称时间

Angular date pipe custom output