p-calendar primeng не может использовать ngmodel и трубу - PullRequest
Новая
       15

p-calendar primeng не может использовать ngmodel и трубу

0 голосов
/ 13 ноября 2018

Я пытаюсь использовать p-календарь из ng-prime с ngmodel для привязки даты с сервера 

 <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>

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

когда я выбираю дату в календаре, она привязывается к абзацу обычно я бы просто использовал трубу, но она не работала

1 Ответ

0 голосов
/ 13 ноября 2018

Единственный случай, который я обнаружил, это когда вы не инициализированы selectedDate, попробуйте установить selectedDate на currentUserData.person.dateOfBirth

в моем примере просто установите текущую дату

шаблон 

<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>

компонент 

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

демо

...