Wie ändere ich Bootstrap 3 datetimepicker Standardansicht?

Question

Ich benutze Bootstrap 3 Datepicker .

Ich möchte die Standardansicht der Datumsauswahl zu YEAR anstelle von DAYS ändern, da ich es für die Auswahl des Geburtsdatums verwenden werde.

Ich möchte so als Standard haben.

Wie kann ich es erreichen?

Answer 1

können Sie verwenden, um die viewMode Option Einstellung der 'year' Wert. Es gibt eine sample auf der offiziellen Seite und Sie können den folgenden Code als Beispiel sehen:

$('#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:

Sie können defaultDate verwenden, um ein Standarddatum auf das setzen Picker, so zeigt es das Jahr, das Sie bevorzugen, wenn es öffnet.