Angular 在角度组件中以html显示当前日期

我使用角度8。 在我的html中，我需要显示当前日期

以下是html代码：

   <label class="col-md-4">Creation date </label>
   <input type="date" class="form-control" formControlName="date"/>

创建日期

---

如何在当前日期上方以html显示？

在您的component.ts文件中，您可以将日期作为

export class AppComponent implements OnInit {
   dateVal = new Date();

并显示在component.html中，如果要格式化，可以根据需要使用

{{dateVal | date: 'M/dd/yyyy'}}

如果需要在输入中显示，可以执行以下操作

<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (ngModelChange)="dt = $event">

---

在component.ts文件中，您可以获得如下日期：

export class AppComponent implements OnInit {
   dateVal = new Date();

并显示在component.html中，如果要格式化，可以根据需要使用

{{dateVal | date: 'M/dd/yyyy'}}

如果需要在输入中显示，可以执行以下操作

<input type="date" [ngModel] ="dt | date:'yyyy-MM-dd'" (ngModelChange)="dt = $event">

---

对于反应式表单，您可以这样尝试：

myForm:FormGroup;

this.myForm = new FormGroup({    
 'date': new FormControl((new Date()).toISOString().substring(0,10))
});

---

对于反应式表单，您可以这样尝试：

myForm:FormGroup;

this.myForm = new FormGroup({    
 'date': new FormControl((new Date()).toISOString().substring(0,10))
});

---

如何将其放入输入标签中如何将其放入输入标签中