如何在输入 Bootstrap Datepicker 中仅显示年份？

Posted 2023-02-22

技术标签:

【中文标题】如何在输入 Bootstrap Datepicker 中仅显示年份？【英文标题】：How display only years in input Bootstrap Datepicker? 【发布时间】：2012-10-19 04:26:23 【问题描述】：

我使用以下代码只显示年份：

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

但输入以"dd/mm/yyyy"的格式显示

由于我没有"yyyy" 格式，我该如何解决这个问题？

【问题讨论】：

在the docs... Sara 我看到了文档，但它不接受选项 format = "yyyy"。 【参考方案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"
);

【讨论】：

这与我在示例中使用的完全相同我使用的是格式：“yyyy”而不是格式：“yyyy”。感谢您的帮助。 @ZoltanToth：如何删除多余的空间？感谢带点的提示……为此浪费了近一个小时:-) 在这种情况下，claender 上的上一个按钮不起作用。任何建议【参考方案2】：

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",
        );
    );

【讨论】：

【参考方案3】：

format: "YYYY"

应该是大写而不是“yyyy”

【讨论】：

【参考方案4】：

对于 bootstrap 3 日期选择器。（注意大写字母）

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

【讨论】：

【参考方案5】：

对于bootstrap datetimepicker，分配decade 值如下：

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

【讨论】：

【参考方案6】：

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

【讨论】：

以上是关于如何在输入 Bootstrap Datepicker 中仅显示年份？的主要内容，如果未能解决你的问题，请参考以下文章