angular - PrimeNG p-calendar - disableDate 格式

标签 angular typescript primeng primeng-calendar

我想禁用 primeNG 日历中的日期。

<p-calendar [(ngModel)]="dateValue" dateFormat="dd.mm.yy" [disabledDates]="[here are the dates]"></p-calendar>

例如,我想禁用日历中除今天和明天之外的日期。

最佳答案

而不是使用 disabledDates,你应该使用 minDatemaxDate :

HTML

<p-calendar [(ngModel)]="dateValue" [minDate]="minDateValue" [maxDate]="maxDateValue" readonlyInput="true"></p-calendar>

TS

this.minDateValue = new Date();
this.maxDateValue = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);

参见 StackBlitz

关于angular - PrimeNG p-calendar - disableDate 格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50216052/

相关文章:

angular - 以 Angular 2 刷新组件

javascript - Angular 5中 "tick"是什么意思

typescript - 如何只加载一次字体? (TS/三.JS)

typescript 动态创建带循环的数组

html - 以 Angular 评估表达式两次

javascript - 来自另一个类的 Angular 4 设置属性

javascript - visual studio代码javascript解构分配在格式上创建新行

angular - 单击按钮时如何展开/折叠 Accordion 选项卡?

css - 样式 p-selectButton

angular - PrimeNG 计划区域设置