Pre-setting today date to input type date in Angular

Question

I was having some problem when trying to preset today's date to HTML component using Angular Typescript. Here is my HTML component:

<div class="d-flex">
    <input id="field_tStartdate" type="date" class="form-control" name="tStartdate" [(ngModel)]="tStartdate" required />
</div>

Then in my typescript file:

tStartdate: string;
this.tStartdate = moment().toString();

However, my input field at the front end is still showing dd/MM/yyyy by default without pre-selecting today's date. Any ideas?

Thanks!

Bernard Pagoaga · Accepted Answer · 2019-04-05 15:27:42Z

1

The input type date expects a value of type "YYYY-mm-DD", but moment().toString() ouputs "Fri Apr 05 2019 17:25:24 GMT+0200"

Try moment().format('YYYY-mm-DD')

answered Apr 5, 2019 at 15:27

Bernard Pagoaga

1,4361 gold badge12 silver badges17 bronze badges

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

2 Comments

Nope, it does not work. The input is still showing 'dd/mm/yyyy' instead of today's date

@hyperfkcb did you see the working example? stackblitz.com/edit/angular-ayudts

DerStoffel · Accepted Answer · 2020-08-18 07:23:38Z

0

Input type date expects a date string with the format:

'YYYY-MM-DD'

For example in moment js this looks like that:

moment().format('YYYY-MM-DD')

Please be aware that upper and lower case matters, since 'mm' is Minutes while 'MM' refers to months.

answered Aug 18, 2020 at 7:23

DerStoffel

2,6432 gold badges17 silver badges25 bronze badges