datepicker ngx-bootstrap 和验证器 Angular 错误 4

Question

当我开始使用日期选择器时，html 更改为：

<div class="form-group col-md-4">
<label for="arrivalDate">Entry and Departure</label>
<input formControlName="arrivalDate" class="form-control" id="arrivalDate" placeholder="mm/dd/yyyy - mm/dd/yyyy" bsDaterangepicker [minDate]="minDate" [bsConfig]="dpConfig">

下一个有分量：

this._form = this.fb.group({
   // Search basic
   destination: ['', Validators.required],
   arrivalDate: [null, Validators.required],
   qtyAdults: [0, [Validators.required, Validators.min(1) ]],
   qtyChilds: [0, Validators.required ],
   childsage: this.fb.array([]),
   adultsage: this.fb.array([]),
   serviceType: [],
   qtyProduct: ['1', Validators.min(1)]
});

因此，虽然它是输入类型日期，但验证器没有失败，但是当将其更改为 ngx-bootstrap 的日期选择器时，它会出错。

接下来的错误：

Error: There is no FormControl instance attached to form control element with name: 'arrivalDate'

之前我用的时候没有报错，但是有了这个日期选择器，就开始报错了

我正在使用这个https://valor-software.com/ngx-bootstrap/#/datepicker

Answer 1

在 html 我添加了一个 div 与：

*ngIf = "isFormHotelActivate"

在组件中：

_initFormHotels() {
    this._formT = this.fb.group({
       // Search basic
       origin: [''],
       destination: ['', Validators.required],
       arrivalDate: [null, Validators.required],
       qtyProduct: [1, Validators.min(1)]
    });
this.isFormHotelActivate = true;
}

datepicker ngx-bootstrap 和验证器 Angular 错误 4

Error with datepicker ngx-bootstrap and Validators Angular 4

datepicker

ngx-bootstrap

angular