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

【问题标题】：Bind date to a formControlname input in Angular7将日期绑定到 Angular7 中的 formControlname 输入
【发布时间】：2019-04-17 04:57:01
【问题描述】：

我是 Angular 的新手。我有一个类型为date 的输入。如何将日期绑定到此输入？

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

我尝试了以下方法，但没有成功：

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

请帮忙

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

你可以这样做

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

【讨论】：