primengカレンダーで特定の日付にスタイルを適用する

Question

プライムngのカレンダーで特定の日付にスタイルを適用できますか？

I特定の日付をスタイリングのために今そこのよう

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