uib-datepicker를 1 년으로 제한

Question

uib-datepicker를 단 1 년 만에 수정하려면 어떻게합니까? (현재 연도에만 해당).

검색을 시도했지만 캘린더를 1 년 모드로만 제한하는 것이 좋습니다. datepicker-options에서 year:2016 설정을 시도했지만 작동하지 않았습니다.

제안 사항 ???

Answer 1

docs에 설명 된대로 datepicker-options 개체에서 minDate 및 maxDate 속성을 사용할 수 있습니다. 내가 처음과 현재의 마지막 날을 얻는 순간 startOf, endOf 및 toDate 사용

angular.module('MyApp',['ui.bootstrap']).controller('AppCtrl', function($scope) { 
 
    $scope.open1 = function() { 
 
    $scope.popup1.opened = true; 
 
    }; 
 
    
 
    $scope.dateOptions = { 
 
    minDate: moment().startOf('year').toDate(), 
 
    maxDate: moment().endOf('year').toDate() 
 
    }; 
 
    
 
    $scope.format = 'dd-MMMM-yyyy'; 
 

 
    $scope.popup1 = { 
 
    opened: false 
 
    }; 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-animate.min.js "></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.6/angular-touch.min.js "></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.15.1/moment.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.2.0/ui-bootstrap-tpls.min.js"></script> 
 

 
<link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet"/> 
 

 
<div ng-app="MyApp" ng-controller="AppCtrl"> 
 
    <div class="row"> 
 
    <div class="col-md-6"> 
 
     <p class="input-group"> 
 
     <input type="text" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt" is-open="popup1.opened" datepicker-options="dateOptions" show-button-bar="false" /> 
 
     <span class="input-group-btn"> 
 
      <button type="button" class="btn btn-default" ng-click="open1()"><i class="glyphicon glyphicon-calendar"></i></button> 
 
     </span> 
 
     </p> 
 
    </div> 
 
    </div> 
 
</div>

참고 :

다음 코드는 현재 연도에 제한된 날짜 선택기를 보여줍니다 year를 Date 객체로서 나타냅니다.