禁用 angular 中的日期

Question

我正在使用 angular 中的日历，其中包含开始日期和结束日期。我想禁用以前的日期，同时选择开始日期和结束日期。

<input type = "date"/>

请帮我实现这个功能。

提前致谢。

Answer 1

您可以使用 input 标签的 max 和 min 属性

例如：<input type="date" min="2020-01-01" max="2020-03-31">

min 和 max 的格式在 date input 的情况下是 YYYY-MM-DD

Answer 2

希望对您有所帮助，我使用 angular/common

中的 DatePipe

在组件中

import { DatePipe } from "@angular/common";

export class AppComponent {
   now: any;

   ngOnInit() {
     const datePipe = new DatePipe('en-Us');
     this.now = datePipe.transform(new Date(), 'yyyy-MM-dd');
   }
}

在html

<input type="date" [min]="now" required="required" />

禁用 angular 中的日期

Disable dates in angular

angular

date

disable