【问题标题】:Disable single date in p-calendar在 p 日历中禁用单个日期
【发布时间】:2018-12-16 00:31:02
【问题描述】:

我有一个日历,我想禁用某个日期,例如 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>

这不起作用,

我的代码有什么问题?

【问题讨论】:

  • 您使用的是[disabledDays],其中每个值代表一周中的一天,因此任何大于 6 的值都是无效的。你想要disabledDates,它应该是一个Date对象的数组。
  • 啊,对了,谢谢你的帮助,我只是在学习兄弟,我会检查它是否有效,如果你像以前一样,我会接受答案,谢谢

标签: angular html bootstrap-4 primeng


【解决方案1】:

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

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

【讨论】:

  • 如果我想禁用例如今天的日期,这很有效。看看这里是我有什么ngOnInit() { const today = new Date(); const invalidDate = new Date(); invalidDate.setDate(today.getDate() - 1); this.restictedBookingDates = [today, invalidDate]; } 我需要在我的函数中更改什么以便我可以传递不同的日期,例如 [6,9,10,10]?
  • 您需要在 Date 对象上设置日期。看看developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…
猜你喜欢
  • 1970-01-01
  • 2018-12-15
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-02-20
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多