Bind date to a formControlname input in Angular7

Question

I am new to angular. I have an input with type date. How will I bind the date to this input?

<input type="date" class="form-control" formControlName="startDateInput">

i tried the following but it didn't work:

this.createForm.patchValue({
    startDateInput:this.resourceData['period'].start,
});

please help to do this

Possible duplicate of https://stackoverflow.com/questions/45330319/angular2-setting-date-field-on-reactive-form — Syed Ali Taqi, Apr 17 '19 at 05:15
Possible duplicate of [Angular2 - Setting date field on reactive form](https://stackoverflow.com/questions/45330319/angular2-setting-date-field-on-reactive-form) — Syed Ali Taqi, Apr 17 '19 at 05:15

score 1 · Answer 1 · answered Apr 17 '19 at 05:12

1

For date type input you need to convert the date

this.createForm.patchValue({ 
    startDateInput: (new Date()).toISOString().substring(0,10), 
});

answered Apr 17 '19 at 05:12

Sachila Ranawaka

score 0 · Answer 2 · answered Apr 17 '19 at 05:03

0

You can do as follow

const date = new Date();
this.createForm.controls['startDateInput'].setValue(date)

answered Apr 17 '19 at 05:03

ram12393

2 Answers2