Jak wyświetlać tylko lata we wpisie Bootstrap Datepicker?

Question

Używam następujący kod do wyświetlania tylko rok:

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

ale wejście pojawi się w formacie "dd/mm/yyyy"

Jak mogę rozwiązać ten problem, ponieważ nie mam format "yyyy"?

Answer 1

Spróbuj

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

Dla bootstrap datetimepicker przypisać decade wartości następująco:

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

Answer 4

Dla bootstrap 3 datepicker. (Uwaga literami)

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

Answer 5

format: "YYYY" 

powinien być kapitał zamiast "yyyy"

Answer 6

zawsze rok za 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", 
     }); 
    });