angular - 角度日期管道自定义输出

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 }}

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

score 7 · Accepted Answer

通常我这样做：

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

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

score 1 · Accepted Answer

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

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

输出：时间日期

这样，您可以通过添加多个自定义数据来实现您想要的多个甲酸盐。

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

// EEEE for Day Name

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

2 回答 2