앵귤러 부트 스트랩 datepicker dateDisabled 함수에서 $ http 요청 날짜 사용 안 함

Question

그래서 내가 datepicker에서 제공된 각 요일에 대한 요청을 보내고 해당 날짜의 서버를 조회하고 반환해야하는 경우 uibDatepicker 지시문 (https://angular-ui.github.io/bootstrap/#datepicker)을 사용합니다. 아니. 문제는 비동기 호출이며 dateDisabled 함수가 약속을 처리하지 않는다는 것입니다. 제안 사항이 있으십니까?

<span uib-datepicker datepicker-options="datepickerOptions" ng-model="selectedDate"></span> 

-

$scope.datepickerOptions: { 
    dateDisabled: function (dateAndMode) { 
     if (dateAndMode.mode !== "day") { 
      return false; 
     } 
     //async call 
     TimeService.getIsDateAvailable(dateAndMode.date).then(function (data) { 
      //returns true or false 
      return data.data; 
     }); 
    } 

나는 솔루션을 많이 했어요. 이 대답을 발견 : Disable dates using factory response UI Bootstrap Datepicker

하지만 내 코드 에이 적용 할 수 없습니다.

Answer 1

그래서 미리로드 된 날짜를 미리 설정하여이 문제를 해결할 수있었습니다. 내가 필요로하는 트릭은 datepicker에서 42 개의 표시 날짜를 모두 얻은 다음 서버로 전달하고 필터링 한 다음 되돌아 오는 것입니다. 또한 우리가 월을 변경하면 새로운 42 개의 보이는 날짜가 생기므로 비활성화 된 날짜를 다시 업데이트해야합니다. 날짜 선택기가가`dateDisabled` 기능 7x6 (42) 번 호출 개월 변경하면 angular bootstrap datepicker get visible dates (day mode)

Answer 2

비활성화 된 날짜를 사전로드하여 범위 변수에 저장 한 다음 캐시 된 데이터에서 현재 날짜를 검색 할 수 있습니다. 나는 이것이 최선의 해결책이라고 생각한다.