angular - p-calendar primeng kan ikke bruke ngmodel og pipe

Jeg prøver å bruke p-calendar fra ng-prime med ngmodel for å binde en dato fra serveren

 <p-calendar [(ngModel)]="selectedDate"
             [locale]="es"
             [hidden]="!editing"
             dateFormat="d/mm/yy"
             appendTo="body"
             class="pos-cal mar-left-txt"
             [(ngModel)]="currentUserData.person.dateOfBirth">
 </p-calendar>

 <p [hidden]="editing">
     {{currentUserData.person.dateOfBirth | date: 'dd/MM/yyyy'}}
 </p>

denne koden gjør det jeg vil, jeg har bare ett problem. den valgte datoen har jeg satt til i dag, men det er ikke det jeg ønsker å bruke for å vise. jeg vil vise fødselsdatoen på p-calendar

når jeg velger en dato fra kalenderen, binder den seg til avsnittet, vanligvis ville jeg bare brukt en pipe, men det har ikke fungert

Svar #1

Det eneste tilfellet jeg har funnet er når du ikke har initialisert selectedDate, prøv å sette selectedDate til currentUserData.person.dateOfBirth

I mitt eksempel satte jeg bare til dagens dato

mal

<p-calendar [(ngModel)]="selectedDate"
             [hidden]="!editing"
             dateFormat="d/mm/yy"
             appendTo="body" (onBlur)="editing = !editing"  >
 </p-calendar>

 <p [hidden]="editing" (click)="editing = !editing">
     {{selectedDate | date: 'dd/MM/yyyy'}}
 </p>

komponent

  selectedDate;
  editing = false
  constructor() {
    this.selectedDate = new Date();
  }

demo

Relaterte artikler