将日期绑定到 Angular7 中的表单控件名称输入

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), 
});

演示

Answer 2

你可以

执行以下操作

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