Show date in specific format date from code?

Question

I have an angular2 v4 app and I have to show a date in a specific format.

I have this in my component:

currentDate: Date = new Date();

And in my HTML I have this.

<mat-form-field>
  <input matInput [(ngModel)]="currentReport.fromDate" type="text"/>
</mat-form-field>

But In running time, the input look like this:

Sat Nov 17 2018 17:35:26 GMT-0600 (hora estándar central)

How to show the date in format dd/mm/yyyy hh:mm using ngModel?

basarat · Accepted Answer · 2018-11-18 00:03:27Z

1

You need to format the Date object to a string. One way to do that is with moment .format (https://momentjs.com/docs/#/displaying/)

currentDate: Date = moment(new Date()).format('DD/MM/YYYY HH:mm')

answered Nov 18, 2018 at 0:03

basarat

278k60 gold badges475 silver badges528 bronze badges

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

Comments

Lys · Accepted Answer · 2018-12-04 04:38:42Z

0

If this is the only thing you need then initialize it like this in your ts file currentDate: string = new Date().toLocaleString();

if you need other date formats too then use a library like moment

answered Nov 18, 2018 at 2:27

Lys

8357 silver badges12 bronze badges