Angular-UI Datepicker min-date setting with another date

Question

When user inputs date range using angular-ui Datepicker, I wanna make mindate of EndDate set 'StartDate`.

in my view,

<div class="input-daterange input-group" id="datepicker">
  <input type="text" class="input form-control" name="ev_StartDate"
   ng-model="evStartDate" ng-required="true" is-open="startPop.opened"
   ng-focus="openStart()" uib-datepicker-popup="{{format}}" 
   alt-input-formats="altInputFormats" datepicker-options="startDateOptions" 
   readonly="true">
  <span class="input-group-addon">~</span>
  <input type="text" class="input form-control" name="ev_EndDate" 
   ng-model="evEndDate" ng-required="true" is-open="endPop.opened" 
   ng-focus="openEnd()" uib-datepicker-popup="{{format}}" 
   alt-input-formats="altInputFormats" datepicker-options="endDateOptions" 
   readonly="true">
</div>

which directive is right to use?

$scope.startDateOptions = {
  showWeeks: false,
  startingDay: 1
};

$scope.setOption = function() {
   ????????
  };

$scope.endDateOptions = {
  showWeeks: false,
  startingDay: 1,
  minDate: ?????
};

Pankaj Parkar · Accepted Answer · 2018-04-06 08:10:45Z

2

You can use min-date attribute, where you can directly pass in the scope variable of startdate which is evStartDate. Add below attribute to End date input element.

min-date="evStartDate"

answered Apr 6, 2018 at 8:10

Pankaj Parkar

136k23 gold badges241 silver badges307 bronze badges

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

Collectives™ on Stack Overflow

Angular-UI Datepicker min-date setting with another date

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