日期选择器仅在聚焦时显示错误

Posted 2023-05-07

【中文标题】日期选择器仅在聚焦时显示错误

【英文标题】：Datepicker showing error only on focus out

【发布时间】：2022-01-22 21:35:14

【问题描述】：

我正在使用材料日期选择器：https://material.angular.io/components/datepicker/overview。

我有一个异步验证器，它调用 API 来做一些验证。异步验证器有效，但只有在日期字段外单击时才会显示错误消息。所以它出现在焦点之外。但我希望它在选择日期后出现，因此用户无需点击外部即可查看错误。

可以改吗？还是这样设计的，无法更改？

【参考方案1】：

我不确定这是您要查找的内容，但 formBuilder 选项中有 updateOn 属性：

用法应该是这样的：

MyFormGroup:FormGroup = this.FormBuilder.group(
  MyFormControl:[null,MyValidator]
,asyncValidators:MyGroupLevelValidators, updateOn:'change');

虽然我没有在控制级别看到它，但它可能在其他地方有它。