首页 > 解决方案 > 在 p 日历中禁用单个日期

问题描述

我有一个日历,我想禁用某个日期,例如 2018 年 10 月 7 日,我正在使用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>

这不起作用,

我的代码有什么问题?

标签: angularhtmlbootstrap-4primeng

解决方案


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

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


推荐阅读