<p日历禁用所有日期,只需要启用几个日期范围(多个minDate和MaxDate) [英] <p-calendar disable all dates and need to enable only few date ranges (multiple minDate and maxDate)

查看:0
本文介绍了<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(天数组)。没有禁用多个最小和最大日期的选项(要禁用的多个日期范围)。

PrimeNG Calendar

<p-calendar [(ngModel)]="dateValue" [disabledDates]="invalidDates" [disabledDays]="[0,6]" [readonlyInput]="true"></p-calendar>

这篇关于&lt;p日历禁用所有日期,只需要启用几个日期范围(多个minDate和MaxDate)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆