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
– Fals, Commented Jan 9, 2017 at 15:42
@Fals I'm using simple html input with type="datetime-local" — Tymur Berezhnoi
– Tymur Berezhnoi, Commented Jan 9, 2017 at 15:46

mahesh · Accepted Answer · 2018-05-09 09:57:18Z

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 9, 2018 at 9:57

mahesh

215 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Tymur Berezhnoi Over a year ago

Yes, it seems now it's possible to use [max]="maxDate" [min]="minDate". Thanks

Code Spark · Accepted Answer · 2017-08-29 09:52:54Z

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, 2017 at 9:52

Code Spark

17814 bronze badges

answered Jan 9, 2017 at 16:07

Phil Cap

2092 silver badges10 bronze badges

Collectives™ on Stack Overflow

HTML/Angular2 date picker disable to select a future date

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related