2

첫 번째 날짜 선택 도구 선택에 따라 선택한 달로 동적으로 두 번째 날짜 선택 도구의 달을 어떻게 변경할 수 있습니까? 날짜. 예 : 첫 번째 picker에서 15-10-2104를 선택했습니다. 두 번째 날짜 선택기가 15-10-2014부터 시작하는 날짜로 열리십시오. 이전 날짜는 모두 비활성화해야합니다. 두 번째 날짜 선택기에서 최소 날짜를 설정하는 최초의 날짜 선택기에각도 날짜 선택 도구의 첫 번째 날짜를 기준으로 두 번째 날짜 선택 도구의 월을 변경하십시오.

<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> 

답변

1

사용 NG 변화 :

나는 각 부트 스트랩 날짜 선택기 및을 heres 코드를 사용하고 있습니다.

NG 변화 = "setMinEndDate는()"

$scope.setMinEndDate = function() { 
    var endDate = angular.copy($scope.info.startDate); 
    endDate.setDate(endDate.getDate()); 
    $scope.scheduleInfo.startDate = endDate; 
}; 

희망이 도움이됩니다.

+0

첫 번째 선택시 두 번째 날짜 선택기에서 이전 날짜를 모두 비활성화해야합니다. – forgottofly

관련 문제