Angular DatePipe

Question

I want to display date and time in html like this:

19 Jan 2023. at 14:15

I am using this DatePipe:

{{order.updatedAt | date: 'dd MMM, y. h:mm a'}}

When I place "at" like this: {{order.updatedAt | date: 'dd MMM, y. at h:mm a'}}, I am given this result:

Can you help me guys how to solve this problem? In documentation, I don't find any DatePipe which suits me.

Does this answer your question? [Include text in Angular 2+ Date Pipe format](https://stackoverflow.com/questions/45843532/include-text-in-angular-2-date-pipe-format) — tilo, Jan 19 '23 at 13:11

score 2 · Answer 1 · answered Jan 19 '23 at 13:09

2

You can add your own text (which is not part of the format) by using something like

{{order.updatedAt | date: "dd MMM, y. 'at' h:mm a"}}

answered Jan 19 '23 at 13:09

tilo

score 1 · Accepted Answer · answered Jan 19 '23 at 13:08

1

I think you need to write two pipe line code.

{{order.updatedAt | date: 'dd MMM, y.'}} at {{order.updatedAt | date: 'h:mm a'}}

answered Jan 19 '23 at 13:08

Kapil Thakkar

2 Answers2