如何使用Angular 2+反应形式禁用日历中的未来日期

Question

我正在制作日历。我想将最大日期设置为今天并禁用将来的日期。

HTML

 <div [ngClass]="setClassDOB()">
 <input type="date" formControlName="dob" name="dob">
 </div>

我应该在组件方面做什么？（

）

Answer 1

在ts文件中定义下一个功能：

getToday(): string {
   return new Date().toISOString().split('T')[0]
}

并在html绑定 max ，如下所示

<input type="date" formControlName="dob" name="dob" [max]="getToday()">

如果你想要禁用过去的日期并显示今天的日历，那么只需将[max]更改为min [min] ......它会起作用