CODEWITHSUNDEEP
angulardate-pipe
snowgroomer
snowgroomer

Reputation: 35

Angular DatePipe

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:

enter image description here

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

Upvotes: 0

Views: 536

Answers (2)

tilo
tilo

Reputation: 14169

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"}}

Upvotes: 2

Kapil Thakkar
Kapil Thakkar

Reputation: 870

I think you need to write two pipe line code.

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

Upvotes: 1

Related Questions