使用primeng日曆將樣式應用於特定日期

Question

是否可以使用初始日曆將樣式應用於特定日期？

我願做

<p-calendar [datesToStyle]="arrayOfDates"></p-calendar> 

Answer 1

沒有截至目前有沒有這樣的屬性設置樣式具體日期

看到這裏支持的屬性列表

• https://www.primefaces.org/primeng/#/calendar

PS：增加了Disa的新功能bling特定日期。

如果需要，也可以在庫中更改。

Answer 2

退房日曆文件中的日期模板

<div class="ui-g-12 ui-md-4"> 
    <h3>Date Template</h3> 
    <p-calendar [(ngModel)]="date10"> 
     <ng-template pTemplate="date" let-date> 
      <span [ngStyle]="{backgroundColor: (date.day < 21 && date.day > 10) ? '#7cc67c' : 'inherit'}" style="border-radius:50%">{{date.day}}</span> 
     </ng-template> 
    </p-calendar> 
</div>