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

Question

我的代码如下，

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">

因此，我在这里获取当前日期并尝试分配最小值。但这是行不通的。有人可以帮我吗？

我需要限制用户停止输入旧日期。我该如何实现？

Answer 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">

Answer 2

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

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