2016-05-18 22 views
2

を無効にして、日付、私はdisabledDates機能をAngularUIブートストラップのカレンダーを持って
角度ブートストラップ日付ピッカー -

<uib-datepicker ng-model="date" ng-change="change()" date-disabled="disabledDates(date,mode)"></uib-datepicker> 

これは、関数である:

$scope.disabledDates = function (date, mode) { 
       if ($scope.daysAvailable != null) { 
        return mode === 'day' && $scope.daysAvailable.indexOf(date.getDay() + 1) == -1; 
       } 
      } 

$scope.daysAvailable$http要求をサーバーからロードされ

$scope.init = function() { 
    return $http.get('/OrderEntry/GetAvailableDays', { params: { method: shipMethod, state: state, zip: zip } }).then(function (data) { 
     $scope.daysAvailable data.data; 
    }); 
} 

p roblemは私のHTMLを読み込む(およびその結果がサーバから返されたデータが返されるまで、私はカレンダーの負荷を防ぐことができますどのようにコントローラinit()

にロードされる前disabledDates()を呼び出しているということでしょうか?あなただけdaysAvailable後の日付ピッカーを表示することができ

答えて

4

が到着:

<div ng-show="daysAvailable"> 
    <uib-datepicker ng-model="date" ng-change="change()" date-disabled="disabledDates(date,mode)"></uib-datepicker> 
</div> 
+1

シンプルかつ華麗な。よく働く!! –

関連する問題