将输入类型日期最小值设置为当前日期角度 12答案

【问题标题】：Setting input type date min value to current date angular 12将输入类型日期最小值设置为当前日期角度 12
【发布时间】：2021-09-17 19:07:53
【问题描述】：

我有一个输入日期选择器，我想将其最小值设置为当前日期

<input type="date" class="form-control" id="checkindate" placeholder="" min="">

如何使用 Angular 来做到这一点？

【问题讨论】：

这能回答你的问题吗？ Set date input field's max date to today

标签： html angular typescript forms input

【解决方案1】：

您需要管道日期以遵循输入格式。

Here Demo

【讨论】：

请查找使用管道 Angular、最大日期和最小日期的演示！谢谢

【解决方案2】：

有多种方法可以做到这一点。 min 属性接受多种格式的字符串。这是我使用'yyyy-mm-dd' 的解决方案。

控制器 (*.ts)

export class AppComponent {
  currentDate: string;

  constructor() {
    // credit: https://stackoverflow.com/a/38148759/6513921
    this.currentDate = new Date().toISOString().slice(0, 10);
  }
}

模板 (*.html)

<input type="date" class="form-control" id="checkindate" placeholder="" [min]="currentDate">

工作示例：Stackblitz

【讨论】：