Wie Anzeige nur Jahre in Eingabe Bootstrap Datepicker?

Question

Ich bin mit dem folgenden Code nur die Jahre angezeigt werden:

$("#datepicker").datepicker({viewMode: "years", minViewMode: "years"}); 

aber Eingabe erscheint im Format "dd/mm/yyyy"

Wie kann ich dieses Problem lösen, da ich nicht "yyyy" das Format haben?

Answer 1

Versuchen Sie, diese

$("#datepicker").datepicker({ 
 
    format: "yyyy", 
 
    viewMode: "years", 
 
    minViewMode: "years" 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css" rel="stylesheet"/> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 

 
<input type="text" id="datepicker" />

$("#datepicker").datepicker({ 
    format: " yyyy", // Notice the Extra space at the beginning 
    viewMode: "years", 
    minViewMode: "years" 
}); 

Answer 2

$("#year").datepicker({ 
    format: "yyyy", 
    viewMode: "years", 
    minViewMode: "years" 
}).on('changeDate', function(e){ 
    $(this).datepicker('hide'); 
}); 

Answer 3

Für bootstrap datetimepicker, weisen decade Wert wie folgt:

$(".years").datetimepicker({ 
    format: "yyyy", 
    startView: 'decade', 
    minView: 'decade', 
    viewSelect: 'decade', 
    autoclose: true, 
}); 

Answer 4

Für Bootstrap 3 Datepicker. (Beachten Sie die Großbuchstaben)

$("#datetimepicker").datetimepicker({ 
    format: "YYYY", 
    viewMode: "years" 
}); 

Answer 5

format: "YYYY" 

Hauptstadt sein sollte statt "yyyy"

Answer 6

immer Jahr für Bootstrap 3 Datetime https://eonasdan.github.io/bootstrap-datetimepicker/

$('#year').datetimepicker({ 
     format: 'YYYY', 
     viewMode: "years", 
    }); 

    $("#year").on("dp.hide", function (e) { 
     $('#year').datetimepicker('destroy'); 
     $('#year').datetimepicker({ 
      format: 'YYYY', 
      viewMode: "years", 
     }); 
    });