在Angular中,我们可以通过使用内置的Validators模块中的date()方法来对日期进行验证。下面是一个基本示例:
在Component中定义FormGroup对象:
import { Component } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
})
export class AppComponent {
form: FormGroup;
constructor(private fb: FormBuilder) {}
ngOnInit(): void {
this.form = this.fb.group({
date: ['', Validators.required]
});
}
onSubmit(): void {
console.log(this.form.value);
}
}
在HTML中使用FormGroup对象:
Angular Date Validation
在上面的示例中,我们使用了内置的Validators.required和FormControlName方法来验证日期输入框中是否存在值,并使用[disabled]属性来禁用提交按钮,除非日期输入框中的值为有效日期。
这样,我们就可以在Angular中对日期进行有效的验证。