包括 Angular 2+ 日期管道格式的文本

Question

我正在尝试使用 Angular 2 中的DatePipe。我希望输出日期的格式为：08/23/2017 at 11:07 AM.

但是，我无法找出在日期格式中包含文本at的正确方法。

当我这样指定格式时：{{my_date | date:'MM/dd/yyyy at hh:mm a'}}

我得到：08/23/2017 AMt 11:07 AM.

我尝试用引号将文本括起来：{{my_date | date:'MM/dd/yyyy "at" hh:mm a'}}

但这只是将引号添加到输出中：08/23/2017 "AMt" 11:07 AM.

这样做的唯一方法是将其分解为两个单独的管道，格式的两侧像{{my_date | date: 'MM/dd/yyyy}} at {{my_date | date: 'hh:mm a'}}？

或者有没有办法转义at中的a，以便它at显示文本而不是AMt？

Answer 1

我遇到了这种情况。我能够通过用文字包围文字文本来让它工作'

{{my_date | date: 'yyyy/MM/dd 'at' HH:mm:ss'}}

Answer 2

也许你可以创建一个简单的管道，

@Pipe({
name: 'dateFormatPipe',
})
export class dateFormatPipe implements PipeTransform {
transform(value: string) {
var datePipe = new DatePipe("en-US");
value = datePipe.transform(value, 'MMM-dd-yyyy') + ' at ' + datePipe.transform(value, 'hh:mm a');
return value;
}
}
<p>{{currentTime | dateFormatPipe}}</p>

参考文献1 ， 参考文献2