Angular Kendo UI 日期选择器 - 禁用两个日期范围

Question

我看过有关创建函数以设置单个禁用日期范围的文档，但我正在尝试禁用两个范围（禁用 minDate 之前的所有日期和 maxDate 之后的所有日期）。这就是我正在尝试的：

<kendo-datepicker [disabledDates]="disabledDates"></kendo-datepicker>

TS:

public disabledDates = (date: Date): boolean => {
return date < this.minDate && date > this.maxDate;
  }

我知道有一种方法可以在 html 中设置 min/max 范围，但这会使禁用的日期消失。我仍希望看到禁用的日期。

有人对此有解决方案吗？提前致谢！

Answer 1

你几乎可以完全按照你写的代码来做，只是你犯了一个小错误。您需要将 && 替换为 ||:

return date < this.minDate || date > this.maxDate;

这两个范围是互斥的，因此每个日期都使用 && returns false。