Question

我希望我的表单日期输入字段在打开表单时显示今天的日期，例如（2019-11-28）。我看到了许多有关它在AngularJs中如何工作的示例，但如何通过反应形式获取日期。

表格

//.....
<div class="form-group">
  <label>Date:</label>
      <div class="input-group">
        <input type="date" class="form-control col-md-8" formControlName="date"/>
      </div>
</div>
.
//...

使用formControlName。

.ts

//...
currentD = new Date();

..
..
//....

Answer 1

将formControlName的默认值设置为(new Date()).toISOString().substring(0,10)

Working Demo

尝试这样：

.ts

myForm:FormGroup;

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

Answer 2

创建一个 FormGroup 变量以将该值分配给Form

 form : FormGroup;

 // you can set the default value
constructor( fb:FormBuilder){
   this.form = fb.group({
      presentDate: [new Date()]
   });     
}

在视图中

<div class="form-group">
 <form [formGroup] = "form">
  <label>Date:</label>
      <div class="input-group">
        <input type="date" class="form-control col-md-8" formControlName="presentDate"/>
      </div>
</div>

Answer 3

使用数据bindind，您可以使用一种方式绑定

<input type="date" [value]="currentD" class="form-control col-md-8" formControlName="date"/>

或拓途绑定

<input type="date" [(ngModel)]="currentD" class="form-control col-md-8" formControlName="date"/>

如何在角度中设置具有当前日期的输入字段

3 个答案: