如何限制在角度 6 中输入旧日期？答案

【问题标题】：How to restrict entering old date in angular 6?如何限制在角度 6 中输入旧日期？
【发布时间】：2019-05-07 01:55:15
【问题描述】：

我的代码如下，

ngOnInit() {

    let now = new Date();

    this.date = formatDate(now, "dd/mm/yyyy",'en-US');
    console.log("dateFormat :",this.date);
}

我的html：

   <input type="date" [min]={{date}} id="App_Date" class="form-control" formControlName="App_Date">

所以我在这里获取当前日期并尝试分配分钟。但它不起作用。有人可以帮我解决这个问题吗？

我需要限制用户停止输入旧日期。我怎样才能做到这一点？

【问题讨论】：

【解决方案1】：

需要使用split从日期对象中删除时区属性

ngOnInit() {

   let now = new Date();

   this.date =  new Date().toJSON().split('T')[0];
   console.log("dateFormat :",this.date);
}

并从模板中删除大括号

<input type="date" [min]="date" id="App_Date" class="form-control" formControlName="App_Date">

【讨论】：

【解决方案2】：

在视图中直接使用[min]="date" 而不是[min]={{date}}。

<input type="date" [min]="date" id="App_Date" class="form-control" formControlName="App_Date">

【讨论】：