Angular 2 (Typescript) Time Format

Question

I have this source of date :

TimeR ="2017-02-17 19:50:11 UTC";

In the Html file i used this code

<span class="text-lg">{{TimeR | date: 'hh:mm'}}</span>

It works good, but i just got the time without AM/PM, how can i fix it or how can get the date like this (for example 10:00 pm - 22:00)

Oliver Cooke · Accepted Answer · 2017-02-17 21:33:31Z

2

Add mediumTime to the pipe this should add the AM PM to your output. For future reference use this

{{ TimeR | date:'mediumTime' }}

Hope that helps

edited Feb 17, 2017 at 21:33

answered Feb 17, 2017 at 20:56

Oliver Cooke

1,0591 gold badge8 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

uautkarsh · Accepted Answer · 2017-02-17 21:07:19Z

1

I have been working with dates and times recently, and I would suggest you to look into MomentJS. You can easily create your own pipe with something as follows:

return moment("2017-02-17 19:50:11 UTC", "YYYY-MM-DD H:m:s z").format("H:m");

answered Feb 17, 2017 at 21:07

uautkarsh

5023 silver badges9 bronze badges

Collectives™ on Stack Overflow

Angular 2 (Typescript) Time Format

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related