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