在Angular 7中,使用ng-pick-datetime和ngModel时,如果需要设置错误区域,可以通过以下步骤解决:
npm install @angular/core@latest @angular/common@latest @angular/compiler@latest @angular/forms@latest --save
npm install ng-pick-datetime@latest --save
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators } from '@angular/forms';
import { NgbDateStruct, NgbTimeStruct } from '@ng-bootstrap/ng-bootstrap';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent {
form: FormGroup;
model: NgbDateStruct;
constructor() {
this.form = new FormGroup({
date: new FormControl('', Validators.required)
});
}
}
在模板中,将ngb-datepicker绑定到FormControl,并使用ngModel进行双向数据绑定。
在需要显示错误消息的地方,使用FormControl的错误属性来检查是否有错误,并显示相应的错误消息:
Date is required.
这样,当用户未选择日期时,将显示错误消息。
希望这可以帮助你解决问题!