How to set max date in Datepicker Angular JS?

Question

I tried like as:

JS code:

 var today = new Date();
 var dd = today.getDate();
 var mm = today.getMonth()+6;
 var yyyy = today.getFullYear();

 $scope.maxDate = yyyy + '-' + mm + '-' + dd;

HTML code:

<input type="text" ng-click="open($event)" min-date="minDate" max-mode="maxDate" datepicker-options="dateOptions" class="form-control" datepicker-popup="{{format}}" ng-model="dtModel"/>

So, if the current date is 2015-11-28, the max date would be 2015-16-28? — JB Nizet
– JB Nizet, Commented Jun 6, 2015 at 20:44
You have a typo I think, it has to be "max-date", not "max-mode"? — Thomas Weglinski
– Thomas Weglinski, Commented Jun 6, 2015 at 20:50

Romf7890 · Accepted Answer · 2015-06-06 21:26:25Z

3

Try this, should work :

var today = new Date();

$scope.maxDate = new Date(today.getFullYear(), today.setMonth()+6, today.getDate());

EDIT Sorry, my bad :

var today = new Date();
  today.setMonth(today.getMonth()+6);


  $scope.maxDate = new Date(today.getFullYear(),today.getMonth() , today.getDate());

I tested it on plunker : http://plnkr.co/edit/Qb9N0OjhHWIH9ChtbF1J?p=preview

edited Jun 6, 2015 at 21:26

answered Jun 6, 2015 at 21:02

Romf7890

3613 silver badges9 bronze badges

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

1 Comment

Faud Over a year ago

So, with this solution I can slide calendar to any year and select it

sfletche · Accepted Answer · 2015-06-06 21:11:57Z

0

Change your max-mode to max-date as suggested by @ThomasWeglinski above.

And then change your 6 months from now calculation to this:

var sixMonthsFromNow = today.setMonth(today.getMonth()+6);
var dd = sixMonthsFromNow.getDate();
var mm = sixMonthsFromNow.getMonth();
var yyyy = sixMonthsFromNow.getFullYear();
$scope.maxDate = yyyy + '-' + mm + '-' + dd;

edited Jun 6, 2015 at 21:11

answered Jun 6, 2015 at 20:52

sfletche

50.1k32 gold badges110 silver badges120 bronze badges

1 Comment

JB Nizet Over a year ago

The OP isn't using a raw date inut fiels, but an angular-ui datepicker: angular-ui.github.io/bootstrap/#/datepicker

Collectives™ on Stack Overflow

How to set max date in Datepicker Angular JS?

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related