将日期绑定到Angular7中的formControlname输入

Question

我是棱角分明的新手。我输入的类型为date。如何将日期绑定到此输入？

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

我尝试了以下但它不起作用：

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

请帮忙做到这一点

Answer 1

对于日期类型输入，您需要转换日期

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

Demo

Answer 2

你可以这样做

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