부트 스트랩을 변경하는 방법 3 datetimepicker 기본보기?

Question

나는 사용하고있다 부트 스트랩 3 Datepickerhere.

날짜 선택 도구의 기본보기를 DAYS가 아닌 YEAR로 변경하고 싶습니다. 생년월일 선택에 사용할 것이므로 사용할 수 있습니다.

저는 이것을 기본값으로하고 싶습니다.

어떻게하면됩니까?

Answer 1

당신은 'year' 값을 설정 viewMode 옵션을 사용할 수 있습니다. 이 공식 사이트에 sample 그리고 당신은 예를 들어 다음과 같은 코드를 볼 수 있습니다

$('#datetimepicker1').datetimepicker({ 
 
    viewMode: 'years', 
 
    format: 'DD/MM/YYYY', 
 
    defaultDate: moment('01/01/1990', 'DD/MM/YYYY'), 
 
    showClear: true 
 
});

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

 
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script> 
 

 
<div class="form-group"> 
 
    <div class="input-group date" id="datetimepicker1"> 
 
    <input type="text" class="form-control" /> 
 
    <span class="input-group-addon"><span class="glyphicon-calendar glyphicon"></span></span> 
 
    </div> 
 
</div>

편집 :

당신은에 기본 날짜를 설정하는 defaultDate을 사용할 수 있습니다 피커 (picker)를 선택하면 열리는시기를 선호하는 연도가 표시됩니다.