Angular 9中如何给DatePipe格式化后的日期末尾添加小写h

嘿，这个需求其实超容易搞定，不用在DatePipe的格式参数里找复杂配置，直接做字符串拼接就完事啦！

方法一：直接字符串拼接 #

这是最简单直接的方式，把DatePipe转换后的结果和' h'直接拼接：

const formattedDate = this.datePipe.transform(sumDate, 'dd/mm/yyyy HH:mm:ss') + ' h';

这样就能得到你想要的27/20/2020 17:20:14 h格式啦。

方法二：处理空值情况（更健壮） #

如果担心sumDate可能是无效日期，导致DatePipe返回null，可以加个空值判断，避免出现null h这种奇怪的结果：

const rawFormattedDate = this.datePipe.transform(sumDate, 'dd/mm/yyyy HH:mm:ss');
const formattedDate = rawFormattedDate ? `${rawFormattedDate} h` : ''; // 也可以替换成你需要的默认值

补充说明 #

DatePipe的格式参数主要是用来定义日期时间的结构（比如日/月/年、时分秒的顺序和分隔符），对于这种固定的自定义后缀，直接做字符串拼接是最高效的方式，没必要纠结DatePipe本身是否支持这类自定义文本——它的设计初衷就是处理日期格式转换，不是用来添加额外固定字符的哦。

内容的提问来源于stack exchange，提问作者amer