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 Calendar (DateFormat section)，

yy - year (four digit)

因此您应该应用 'yy' 的日期格式，如下所示：

dateFormat="dd/mm/yy"

Sample Demo on StackBlitz

PrimeNG 日历 - 日期显示不正确

PrimeNG Calendar - Date displayed incorrectly

primeng

angular

primeng-calendar