How to populate date input in Angular reactive forms?

Question

I have a FormGroup that takes date from a date input.

FormControl:

dob: new FormControl(new Date()),

Assigning new Date() to get the default date, in case no date is selected.

Template:

<input type="date" formControlName="dob">

However, when I am using patchValue to populate the date (from a previously persisted object), it is not workning/showing up in the date input tag's text (in the webpage). What am I missing?

a input type date manage "strings"

Eliseo
– Eliseo

2021-04-08 11:02:41 +00:00
Commented Apr 8, 2021 at 11:02 — Eliseo
– Eliseo, Commented Apr 8, 2021 at 11:02

Zunayed Shahriar · Accepted Answer · 2021-04-08 10:48:08Z

3

You should format the date using formatDate function form @angular/common namespace before the patch or initialize.

E.g: dob: new FormControl(formatDate(new Date(), "yyyy-MM-dd", "en"))

Working demo at StackBlitz.

answered Apr 8, 2021 at 10:48

Zunayed Shahriar

2,7632 gold badges14 silver badges15 bronze badges

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

Collectives™ on Stack Overflow

How to populate date input in Angular reactive forms?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related