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 stackoverflow.com/questions/45330319/… — Syed Ali Taqi
– Syed Ali Taqi, Commented Apr 17, 2019 at 5:15
Possible duplicate of Angular2 - Setting date field on reactive form — Syed Ali Taqi
– Syed Ali Taqi, Commented Apr 17, 2019 at 5:15

Sachila Ranawaka · Accepted Answer · 2019-04-17 05:12:50Z

1

For date type input you need to convert the date

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

answered Apr 17, 2019 at 5:12

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

Comments

ram12393 · Accepted Answer · 2019-04-17 05:03:53Z

0

You can do as follow

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

answered Apr 17, 2019 at 5:03

ram12393

1,2684 gold badges14 silver badges33 bronze badges