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



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

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

如何使用Angular完成此操作?

有多种方法可以实现。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">

工作示例:Stacklitz

您需要按照输入格式通过管道输入日期

此处演示

最新更新