这个问题我之前也碰到过，Angular的DatePipe转义规则和咱们常规的反斜杠转义不一样，得用单引号来处理纯文本部分！

问题根源 #

你遇到的混乱输出，是因为格式字符串里的普通字符（比如days里的d、a，so里的o）刚好和DatePipe的格式占位符重名了——比如d代表日期数字，a代表AM/PM标识，y代表年份，这些字符被错误解析成了日期相关的值，才导致输出串成了乱码。

正确解决方案 #

Angular DatePipe不支持反斜杠转义，它的设计逻辑是用单引号包裹纯文本段，这样单引号内的所有字符都会被当作普通文本输出，不会被解析为格式符。

针对你的需求，正确的管道写法应该是：

{{ today | date: "d 'days so far in' MMMM" }}

这里：

• d 是日期数字的格式符（会输出13）
• 'days so far in' 是被单引号包裹的纯文本，会原封不动输出
• MMMM 是完整月份名称的格式符（会输出February）

特殊情况补充 #

如果你的纯文本里本身包含单引号，需要用两个单引号来转义，比如要显示February's 13th day，写法如下：

{{ today | date: "MMMM''s d'th day'" }}

效果验证 #

假设你的today变量是new Date(2024, 1, 13)（注意Angular里月份是0-based，1代表二月），上面的管道会准确输出：13 days so far in February，完全符合你的需求。

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