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

Question

我正在处理日历。我想将最大日期设置为今天并禁用未来日期。

HTML

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

我应该在组件端（TS）做什么？

Answer 1

在您的ts文件中定义下一个函数：

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

并在html绑定最大值如下

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

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