在 Angular 中禁用输入日期的天数范围

问：

我有一个 Angular 组件，其中有一个输入日期，我想禁用过去的所有日期，同时禁用未来的特定日期范围，例如 2023-10-15 和 2023-10-23 之间的日期。我该怎么做？这可能吗？先谢谢你。

我尝试过这样的事情：

<input type="date" appDateRange>

其中 appDateRange 是指令：

import { Directive, HostListener, ElementRef } from '@angular/core';

@Directive({selector: '[appDateRange]'})export class DateRangeDirective {constructor(private el: ElementRef) {}

@HostListener('input', ['$event']) onInput(event: Event): void {const inputElement = this.el.nativeElement as HTMLInputElement;const selectedDate = inputElement.value;const currentDate = new Date().toISOString().split('T')[0];

// Define las fechas de inicio y fin del rango
const startDate = '2023-10-15';
const endDate = '2023-10-23';

if (selectedDate < currentDate || (selectedDate >= startDate && selectedDate <= endDate)) {
  inputElement.value = '';
}

}}

但这行不通。