Включить текст в формате Angular 2+ Date Pipe

Question

Я пытаюсь использовать DatePipe в Angular 2. Я хочу, чтобы выходная дата была в формате: 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'}}?

Или есть способ избежать a в at так что будет отображаться текст 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>

Ref1, Ref2