HTML/Angular2 date picker disable to select a future date

Question

I have an issue related to html/angular 2 date picker. So i have such input tag:

<input #createdAt ngModel type="datetime-local" id="createdAt" name="date" class="form-control" required>

but i don't want allow to a user select future date, so only today and past date is allowed. How can i achieve such behaviour with angular 2?

First of all! Which datepicker are u using? Most of those datepicker fameworks contains implementations for date range selection — Fals, Jan 09 '17 at 15:42
@Fals I'm using simple html input with type="datetime-local" — Tymur Berezhnoi, Jan 09 '17 at 15:46

score 2 · Answer 1 · answered May 09 '18 at 09:57

2

Below is the syntax for max/min attributes for the angular material date picker.

<input matInput [max]="maxDate" [min]="minDate" [matDatepicker]="picker">

answered May 09 '18 at 09:57

mahesh

21
5

Yes, it seems now it's possible to use [max]="maxDate" [min]="minDate". Thanks – Tymur Berezhnoi May 10 '18 at 14:04

score 1 · Accepted Answer · edited Aug 29 '17 at 09:52

1

One of the option is to leverage the max attribute of <input type="datetime-local such as: <input type="date" name="bday" max="1979-12-31">

An alternative is to use an existing Angular2 component, such as the date picker from Bootstrap Angular 2. The component is highly customizable and your goal can be achieved by setting the maxDate input.

edited Aug 29 '17 at 09:52

Code Spark

178
14

answered Jan 09 '17 at 16:07

Phil Cap

209
2
10

HTML/Angular2 date picker disable to select a future date

2 Answers2

Linked