primeng 日歷顯示日期不正確

Question

我正在使用 Angular 和 PrimeNG，我正面臨這個問題：有一個表格，並且通過日歷獲得了一個特定的字段。 當我選擇日期時，格式不正確，因為年份重復：即 25/01/20222022 而不是 25/01/2022 這里有 ts 文件：

 setDate(event, formControlName) {
    this.formGroup.controls[formControlName].patchValue(event);
  }

而 HTML 文件是

 <p-calendar id="tempoAdeguamento" aria-describedby="tempoAdeguamentoHelp"
                    formControlName="tempoAdeguamento" [readonly]="isReadyOnlyForm()" [showIcon]="true"
                    class="esiti col-md-12 pl0 pr0" dateFormat="dd/mm/yyyy" [minDate]="minDate" [monthNavigator]="true"
                    [yearNavigator]="true" [yearRange]="yearRange" (onSelect)="setDate($event,'tempoAdeguamento')">
                  </p-calendar>

Answer 1

根據PrimeNG 日歷（日期格式部分） ，

yy - 年（四位數）

因此，您應該使用 'yy' 應用日期格式，如下所示：

dateFormat="dd/mm/yy"

StackBlitz 上的示例演示