Come visualizzare solo gli anni nell'input Bootstrap Datepicker?

Question

Sto usando il seguente codice per visualizzare solo gli anni:

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

ma appare di ingresso nel formato "dd/mm/yyyy"

Come posso risolvere questo problema dal momento che non ho il formato "yyyy"?

Answer 1

Prova questa

$("#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

Per bootstrap datetimepicker, assegnare decade valore come segue:

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

Answer 4

Per bootstrap 3 datepicker. (Notare le lettere maiuscole)

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

Answer 5

format: "YYYY" 

Dovrebbe essere capitale al posto di "yyyy"

Answer 6

sempre anno per bootstrap 3 datetimepicker 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", 
     }); 
    });