Disable future dates in angular-datepicker in angularjs

Question

I am facing issue with disabling date in angular-datepicker. This is how I have defined datepicker:-

<datepicker date-format="{{pattern}}" 
            button-prev="<i class='fa fa-arrow-left' ></i>" 
            button-next="<i class='fa fa-arrow-right'></i>">
  <input class="form-control ng-valid ng-valid-number ng-valid-max ng-valid-min ng-dirty ng-pristine" 
         name="pointAllocDate" type="text" 
         placeholder="Select Date*" id="pointAllocDate" required="required" 
         autocomplete="off" />
</datepicker>

I have defined pattern in angularjs controller as

$scope.pattern = 'yyyy-MM-dd HH:mm:ss';

Linked the css and js for datepicker as follows:-

<link href="css/angular-datepicker.css" rel="stylesheet" type="text/css" />
<script src="/js/angular-datepicker.js"></script>

I am not getting how to disable future dates in this datepicker.Any help would be appreciable.

Harshad · Accepted Answer · 2019-05-14 15:10:01Z

0

You will need to use date-max-limit="today" in the datepicker.

In the variable today, set today's date. It will set the maximum date as today and will disable the future dates. For more reference visit this: https://github.com/720kb/angular-datepicker/blob/master/README.md

answered May 14, 2019 at 15:10

Harshad

1341 silver badge6 bronze badges

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

Collectives™ on Stack Overflow

Disable future dates in angular-datepicker in angularjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related