angular - "required"p-calendar 验证器

Question

PrimeNG 的 p-calendar 控制没有必需的验证器可用:

<p-calendar formControlName="startDateControl" [minDate]="today" showIcon="true"></p-calendar>

有什么解决方法吗？

Answer 1

是的。 PrimeNG Calendar Docs

[required]="true"

如果存在，它指定在提交表单之前必须填写输入字段。

<p-calendar formControlName="startDateControl" [required]="true" [minDate]="today" showIcon="true"></p-calendar>

您也可以像使用 formControlName 一样以 react 形式指定它。

this.calendarForm = this.fb.group({
   'startDateControl': [null, Validators.required] // <-- Like this
});