ブートストラップ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>

EDIT：

あなたにデフォルトの日付を設定するためにdefaultDateを使用することができますピッカーですので、あなたが好きな年が表示されます。