如何在輸入Bootstrap Datepicker中只顯示年？

Question

我使用下面的代碼只顯示年：

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

但輸入出現在格式"dd/mm/yyyy"

我怎樣才能解決這個問題，因爲我沒有格式"yyyy"？

Answer 1

試試這個

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

對於bootstrap datetimepicker，分配decade值如下：

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

Answer 4

用於bootstrap 3 datepicker。 （注意是大寫字母）

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

Answer 5

format: "YYYY" 

應該是資本，而不是 「YYYY」

Answer 6

總是一年的自舉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", 
     }); 
    });