date-max-limit="" 在 720kb/angular-datepicker 中不起作用？

Question

I'm using 720kb/angular-datepicker. date-max-limit is not working.

My controller

$scope.currentDate = new Date().toString();

My HTML colde

<datepicker date-format="yyyy-MM-dd">
<input type='text' class="titleInput date" id="lastmodifiedDate" name="lastmodifiedDate"
       date-max-limit="{{currentDate}}"
       ng-model="studyDetails.lastmodifiedDate" ng-blur="updateStudy('isForceSave')"/>

Github library link here

Answer 1

You passed wrong date format.No need to convert into date format.Simply define like below & in date-max-limit pass the date in this way "{{maxDate | date}}".you need to add date filter.It will work definitely.

$scope.maxDate = new Date();

<div class="datepicker w-80 pull-right"
                    date-format="dd-MMMM-yyyy"               
                    date-max-limit="{{maxDate | date}}"
                    button-prev='<i class="fa fa-arrow-circle-left"></i>'
                    button-next='<i class="fa fa-arrow-circle-right"></i>'>                                                      
                   <input placeholder="Select DOB" readonly ng-model="users.dob" type="text"  class="searchbar3 w-100"  />

Answer 2

Your date doesn't respect your input date format, so try replace this :

$scope.currentDate = new Date().toString();

with this :

$scope.currentDate = new Date().toISOString().split('T')[0];

Answer 3

Your html structure is wrong. Move date-max-limit="{{currentDate}}" to the <datepicker> element. See below.

<datepicker date-format="yyyy-MM-dd" date-max-limit="{{currentDate}}" selector="form-control">
     <input ng-model="income.date" type="text" class="form-control"  required>
</datepicker>

Answer 4

When you add date-min-limit or date-max-limit to the datepicker element it works for sure. Below worked for me

$scope.minDate = new Date();

<datepicker date-format="MM/dd/yyyy" date-min-limit="{{minDate | date}}" class="date-picker">