Как ограничить ввод старой даты в угловую 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

Используйте прямой [min]="date" вместо [min]={{date}} в поле зрения.

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

Answer 2

Необходимо удалить свойства часового пояса из объекта даты, используя 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">