Is it possible to dynamically change the month of the second datepicker based on the selection made in the first date picker? Currently, it is displaying the current date by default. For example: If I select 15-10-2104 from the first date picker, the second date picker should automatically start with the date 15-10-2014. All previous dates should be disabled.
I am using Angular Bootstrap Datepicker and below is the code snippet:
<label>Start Date <span class="required"></span></label>
<div class="seldate startdate calender-icon nopadding">
<input type="text" datepicker-popup="dd-MMMM-yyyy"
ng-model="info.startDate"
required
name="startDate" tabindex="4"
placeholder="dd/mm/yyyy"
is-open="startDate.open"
ng-click="startDate.open = true"
min-date="minDate" datepicker-options="dateOptions"
date-disabled="disabled(date, mode)"
close-text="Close" class="form-control"/>
</div>
</div>
<div class="col-sm-6 form-group">
<label>End Date <span class="required"></span></label>
<div class="seldate startdate calender-icon nopadding">
<input type="text" datepicker-popup="dd-MMMM-yyyy"
ng-model="info.endDate"
required
name="endDate" tabindex="5"
placeholder="dd/mm/yyyy"
is-open="endDate.open"
ng-click="endDate.open = true"
min-date="scheduleInfo.startDate" datepicker-options="dateOptions"
date-disabled="disabled(date, mode)"
close-text="Close" class="form-control"/>
</div>
</div>