在P日历中禁用单个日期

时间:2018-07-07 20:11:58

标签: html angular html5 bootstrap-4 primeng

我有一个压延机,并且想禁用某个日期,例如10/7/2018,我正在使用p-calendar

这是我到目前为止所做的事情

<p-calendar formControlName="date" [inline]="true" [disabledDays]="[10]"  [minDate]="minimumDate" tabindex="0">
        <ng-template pTemplate="date" let-date>
            <span [ngStyle]="{backgroundColor: (date.day ==10) ? '#7cc67c' : 'inherit'}"   style="border-radius:50%">{{date.day}}</span>
        </ng-template>
    </p-calendar>

这不起作用,

我的代码有什么问题?

1 个答案:

答案 0 :(得分:1)

您正在使用[disabledDays],其中每个值代表一周中的一天,因此任何大于6的值均无效。您需要disabledDates,它应该是Date对象的数组。

您链接到的文档中应该有更多信息。