<;p日历禁用所有日期,只需要启用几个日期范围(多个minDate和MaxDate) [英] <p-calendar disable all dates and need to enable only few date ranges (multiple minDate and maxDate)
本文介绍了<;p日历禁用所有日期,只需要启用几个日期范围(多个minDate和MaxDate)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
minDt>>2020年1月11日星期六08:00:00
MaxDt>>Wed Jan 13 2020 08:00:00
minDt>>清华2020 1月16日08:00:00
MaxDt>>2020年1月18日星期六08:00:00
minDt>>Sun Jan 23 2020 08:00:00
MaxDt>>Tue Jan 25 2020 08:00:00
<p-calendar id="calender" (onSelect)="_loadTimeSlot()" [readonlyInput]="false" [(maxDate)]="maxDateSat" [(minDate)]="minDateSat" class="pc-f-calendar" inputId="timeSlotDate" formControlName="timeSlotDate"
[dateFormat]="calendarDateFormat" [locale]="calendarLocale" [placeholder]="calendarHolder" appendTo="body" showIcon="true"
[monthNavigator]="true" [yearNavigator]="true" yearRange="1970:2100"
[showOnFocus]="true" (onFocus)="_onFocus($event)">
</p-calendar>
推荐答案
根据主要文档,您可以添加disabledDate(日期值数组)和/或disabledDays(天数组)。没有禁用多个最小和最大日期的选项(要禁用的多个日期范围)。
<p-calendar [(ngModel)]="dateValue" [disabledDates]="invalidDates" [disabledDays]="[0,6]" [readonlyInput]="true"></p-calendar>
这篇关于<;p日历禁用所有日期,只需要启用几个日期范围(多个minDate和MaxDate)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文