要解决Angular 7中材料日期选择器验证无效的问题,你可以按照以下步骤进行:
import { MatDatepickerModule } from '@angular/material/datepicker';
import { MatInputModule } from '@angular/material/input';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { FormControl, Validators } from '@angular/forms';
dateControl = new FormControl('', [Validators.required]);
日期是必填项
在这个例子中,我们使用了required
验证规则来确保日期选择器的值不为空。你可以根据需要添加其他验证规则。
请注意,如果你在表单控件上使用了required
验证规则,并且表单控件的值为null或空字符串,验证将失败。确保你在表单提交之前调用updateValueAndValidity
方法来更新表单控件的状态。
submitForm() {
if (this.dateControl.invalid) {
this.dateControl.markAsTouched();
this.dateControl.updateValueAndValidity();
return;
}
// 处理表单提交逻辑
}
通过按照以上步骤,你应该能够正确地验证Angular 7中的材料日期选择器。