開始日と終了日のピッカーは、 'x'月の日付を選択することができます

Question

<div class="col-md-4 col-sm-6"> 
    <div class="row spacer"> 
    <label for="fromdate" class="col-md-4">Date : </label> 
    <div class="col-md-8"> 
     <div class="row"> 
     <div class="col-md-6"> 
      <input type="text" autofocus="autofocus" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.startDate" is-open="srchctrl.status.openedS" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('S')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
      <button type="button" class="datepicker-btn" ng-click="srchctrl.open('S')"><i class="fa fa-calendar"></i></button> 
     </div> 
     <div class="col-md-6">        
      <input type="text" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.endDate" is-open="srchctrl.status.openedE" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('E')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
      <button type="button" class="datepicker-btn" ng-click="srchctrl.open('E')" ><i class="fa fa-calendar"></i></button> 
     </div> 
     </div> 
    </div> 
    </div> 
</div> 

両方の日付選択ツールで 'x'月の日付を選択できます。

xが3の場合、15-01-2017を選択した場合、他の日付は15-04-2017までに限ります。

日付ピッカーでこれを行うにはどうすればよいですか？

Answer 1

利用のmax-date属性コントローラで

<div class="col-md-4 col-sm-6"> 
           <div class="row spacer"> 
           <label for="fromdate" class="col-md-4">Date : </label> 
           <div class="col-md-8"> 
            <div class="row"> 
            <div class="col-md-6"> 
             <input type="text" autofocus="autofocus" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.startDate" is-open="srchctrl.status.openedS" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('S')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
             <button type="button" class="datepicker-btn" ng-click="srchctrl.open('S')"><i class="fa fa-calendar"></i></button> 
            </div> 
            <div class="col-md-6">        
             <input type="text" class="form-control input-sm" size="10" uib-datepicker-popup="{{'dd-MM-yyyy'}}" ng-model="srchctrl.endDate" is-open="srchctrl.status.openedE" datepicker-options="srchctrl.dateOptions" uib-tooltip="dd-MM-yyyy" date-disabled="srchctrl.disabled(date)" show-weeks='false' close-text="Close" ng-click="srchctrl.open('E')" placeholder="dd-mm-yyyy" alt-input-formats="srchctrl.altInputFormats" ng-change="srchctrl.validateDateRange('main')"/> 
             <button type="button" class="datepicker-btn" ng-click="srchctrl.open('E')" max-Date="maxDate"><i class="fa fa-calendar"></i></button> 
            </div> 
            </div> 
           </div> 
           </div> 
          </div> 

$scope.maxDate=srchctrl.startDate; 

//コントローラでOPON関数srchctrl.open（ 'E'）

var month=srchctrl.startDate.getMonth(); 

$scope.maxDate.setMonth(month+3);