[英]Error with datepicker ngx-bootstrap and Validators Angular 4
当我开始使用日期选择器时,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的日期选择器时,它给出了错误。
接下来的错误:
错误:没有附加到名称为“ arrivalDate”的表单控件元素的FormControl实例
在我使用之前,没有给出错误,但是使用此日期选择器,开始出现该错误
我正在使用这个https://valor-software.com/ngx-bootstrap/#/datepicker
在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;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.