角度日期管道自定义输出

Question

如果你看一下Angular的DatePipe文档，你会看到在预定义的格式选项中有一个'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 }}

这样，使用双引号，单引号内的单词被解释为string

Answer 2

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

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

输出：时间日期

这样，您可以通过添加多个自定义数据来实现多个格式。

{{ clicked | date: " date format 'on' EEEE 'at' format" | lowercase }}
// EEEE for Day Name

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