如何在primeNG中從<p-calendar>獲取輸入值？

Question

我有這種情況，必須從輸入p日曆中顯示選定的值。
如何從輸入中獲取此值並以相同的格式顯示下面？
我會補充說，這裏不可能使用angular2日期管道，因爲我的日期數組不是單一的值。

我的代碼：https://plnkr.co/edit/md3rRokf7FynTD5fz2gz?p=preview

<h3>Angular 4.2.6, PrimeNG 4.1.3, Calendar example</h3> 
<div class="box-body"> 
    <div class="row"> 
     <div class="col-md-12"> 
      <p-calendar maxDateCount="2" placeholder="Choose days" [(ngModel)]="dates" selectionMode="multiple" readonlyInput="true"></p-calendar> 
     </div> 
     <div class="col-md-12"> 
      <p-calendar placeholder="Choose range of date" [(ngModel)]="rangeDates" selectionMode="range" readonlyInput="true"></p-calendar> 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-md-12"> 
      Your days: 
     </div> 
     <div class="col-md-12"> 
      Your range of date: 
     </div> 
    </div> 
</div> 

Answer 1

，如果你正在尋找其他的東西讓我知道只要綁定有

<div class="col-md-12"> 
    Your days: {{dates}} 
</div> 
<div class="col-md-12"> 
    Your range of date: {{rangeDates}} 
</div> 

的值改變格式

<div class="col-md-12"> 
    Your days: <span *ngFor='let date of dates'>{{date | date}}</span> 
</div> 
<div class="col-md-12"> 
    Your range of date: <span *ngFor='let rangeDate of rangeDates'>{{rangeDate | date}}</span> 
</div> 

。