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

Posted 2023-02-22

【中文标题】将输入类型日期最小值设置为当前日期角度 12

【英文标题】：Setting input type date min value to current date angular 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

【参考方案1】：

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

Here Demo

【讨论】：

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

【参考方案2】：

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

控制器 (*.ts)

export class AppComponent 
  currentDate: string;

  constructor() 
    // credit: https://***.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