Setting input type date min value to current date angular 12

Question

I have an input date-picker and I want to set its min value to the current date

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

how can I do this using Angular?

Does this answer your question? [Set date input field's max date to today](https://stackoverflow.com/questions/32378590/set-date-input-fields-max-date-to-today) — Osama Bin Saleem, Jul 07 '21 at 08:36

score 1 · Answer 1 · answered Jul 07 '21 at 08:43

There are multiple ways to do it. The min attribute accepts a string in multiple formats. Here is my solution using 'yyyy-mm-dd'.

Controller (*.ts)

export class AppComponent {
  currentDate: string;

  constructor() {
    // credit: https://stackoverflow.com/a/38148759/6513921
    this.currentDate = new Date().toISOString().slice(0, 10);
  }
}

Template (*.html)

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

Working example: Stackblitz

Bernard Estephan · Answer 2 · 2021-07-07T08:50:55.653

0

You need to pipe the date to follow the input format.

Here Demo

edited Jul 07 '21 at 08:50

answered Jul 07 '21 at 08:33

Bernard Estephan

56
4

– Bernard Estephan Jul 07 '21 at 08:36
Please find a demo with using the pipes Angular, maximum date and minimum date! Thank you – Bernard Estephan Jul 07 '21 at 08:53

Setting input type date min value to current date angular 12

2 Answers2