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

Question

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

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

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

Answer 1

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

Here Demo

Answer 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