angular - 我应该如何使用formControlName而不是[(ngmodel)]初始化ngbDatepicker

Question

我需要使用带有[formGroup]和formGroupName="field"的ReactiveForms

<form [formGroup]="generalForm" (ngSubmit)="onSubmit()">
  <input class="form-control" placeholder="yyyy-mm-dd" 
  formControlName="dateIni" ngbDatepicker #a="ngbDatepicker">
</form>

Component.ts

generalForm: FormGroup;

ngOnInit() {
this.generalForm = this.formBuilder.group({
  name: ['', Validators.required],
  dateIni: ['', Validators.required],
  dateFin: ['', Validators.required],
  registerDateLimit: ['', Validators.required],
});

}

在我的代码中，我尝试输入默认值:

public dateIni: { year: 2017, month: 8, day: 8 };

或者

@Input() dateIni: { year: 2017, month: 8, day: 8 };

但是它没有采用默认值，并且所有文档都只提及模板形式的情况。

任何想法我应该怎么做？

Answer 1

  dateIni: ['', Validators.required],

您需要将初始值放在这里

 dateIni: ['2014-01-01', Validators.required],

格式正确