如何解决是否有任何可能的方法使用 angular 10 使用两个不同的 ngx 日期选择器字段创建日期范围验证?
在下图中,如果用户选择开始日期,我想防止用户在结束日期选择器中选择过去的日期值
解决方法
您需要编写一个接受日期控件的自定义验证方法。开始日期将使用结束日期和开始日期进行相应的比较和验证。类似的东西
createForm() {
this.form = this.fb.group({
dateTo: ['',Validators.required ],dateFrom: ['',Validators.required ]
},{validator: this.dateLessThan('dateFrom','dateTo')});
}
dateLessThan(from: string,to: string) {
return (group: FormGroup): {[key: string]: any} => {
let f = group.controls[from];
let t = group.controls[to];
if (f.value > t.value) {
return {
dates: "Date from should be less than Date to"
};
}
return {};
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。