web-dev-qa-db-ja.com

入力で年のみを表示する方法Bootstrap Datepicker？

次のコードを使用して年のみを表示しています。

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

ただし、入力は"dd/mm/yyyy"の形式で表示されます

"yyyy"という形式がないので、どうすれば解決できますか？

javascripttwitter-bootstrapdatepicker
29
John

これを試して

$("#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"
});
67
Zoltan Toth

ために bootstrap datetimepicker、次のようにdecade値を割り当てます。

$(".years").datetimepicker({
    format: "yyyy",
    startView: 'decade',
    minView: 'decade',
    viewSelect: 'decade',
    autoclose: true,
});
9
tomloprod
$("#year").datepicker( {
    format: "yyyy",
    viewMode: "years", 
    minViewMode: "years"
}).on('changeDate', function(e){
    $(this).datepicker('hide');
});
2
Salim

bootstrap 3 datepicker。（大文字に注意してください）

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

「yyyy」ではなく大文字である必要があります

0
Anup Shetty

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",
        });
    });
0
fatih bülbül