как передать пользовательское сообщение в календарь для обязательного поля в Prime-NG

Question

как передать пользовательское сообщение в календарь для обязательного поля в Prime-NG.

Если форма отправлена, мы получим сообщение по умолчанию как Пожалуйста, заполните это поле , но можетемы получаем пользовательское сообщение для p-календаря.

Я пробовал с

<p-calendar [showIcon]="true" required="true" requiredMessage="Please select date.">

<p-calendar [showIcon]="true" required="true "oninvalid="this.setCustomValidity('Please select the Date')"
oninput="this.setCustomValidity('')"  />

код выше работает только для вводапометить не с помощью p-calendar.

Как решить эту проблему.

Answer 1

А если вы используете шаблонно-управляемую форму, вы должны использовать ngModel для привязки значения.

Так что сделайте <p-calendar> для использования ngModel.

<p-calendar name="calendar" #calendar="ngModel" [(ngModel)]="calendarDate"  
 showTime="showTime" hourFormat="24" [utc]="true" required></p-calendar>

И обработчик требует проверкикогда он недействителен.

<div *ngIf="f.submitted && calendar.invalid" class="invalid-feedback">
    <div *ngIf="calendar.errors.required">Date is required</div>
</div>

Рабочая демонстрация