Bootstrap DatetimePicker 设置只显示年，起始和结束年份

需求：

jsp页面中使用jquery语法使用datetimePicker，给class=“sch-select-report-date”的input框设置时间选择，时间选择维度是年度，可选最早时间是2022年，最晚时间是当前年份
要在JSP页面中使用jQuery和datetimePicker来给一个input框设置时间选择，并限制可选的时间范围为2022年至当前年份，你可以按照以下步骤进行操作：

1，引入必要的库:

确保你的JSP页面中已经包含了jQuery库和datetimePicker插件。

2，HTML代码:

给要应用datetimePicker的input框添加一个class，例如sch-select-report-date。

<input type="text" class="sch-select-report-date" />

3，jQuery代码:

使用jQuery来初始化datetimePicker，并设置其选项。

$(document).ready(function() {  
    // 获取当前年份  
    var currentYear = new Date().getFullYear();  
      
    // 设置datetimePicker的最早和最晚日期  
    $('.sch-select-report-date').datetimepicker({  
        var currentYear = new Date().getFullYear();      
        $('.sch-select-report-date').datetimepicker({
            format: 'YYYY', // 只显示年份
            minViewMode: 'years',
            startView: 'decade', // 从十年视图开始，方便用户快速定位到近十年
            viewMode: 'years',
            startDate: '2022', // 设置开始年份为2022年
            endDate: currentYear , // 设置结束年份为当年的最后一天，实际效果是当前年份及之前的所有年份都可选
        }); 
    });  
});

如果只显示年月，且最大月份为当前日期：

var today = new Date();
var currentYearMonth = new Date(today.getFullYear(),doday.getMonth() + 1,0).getFullYear();      
$('.sch-select-report-date').datetimepicker({
    format: 'YYYY', // 只显示年份
    minViewMode: 'years',
    startView: 'decade', // 从十年视图开始，方便用户快速定位到近十年
    viewMode: 'years',
    startDate: '2022', // 设置开始年份为2022年
    endDate: currentYearMonth , // 设置结束年份为当年的最后一天，实际效果是当前年份及之前的所有年份都可选
}); 

如果只显示年，且最大年份为当年：

var currentYear =  new Date().getFullYear();      
$('.sch-select-report-date').datetimepicker({
    format: 'YYYY', // 只显示年份
    minViewMode: 'years',
    startView: 'decade', // 从十年视图开始，方便用户快速定位到近十年
    viewMode: 'years',
    startDate: '2022', // 设置开始年份为2022年
    endDate: currentYearMonth , // 设置结束年份为当年的最后一天，实际效果是当前年份及之前的所有年份都可选
}); 

参考链接：https://www.cnblogs.com/xulinjun/p/11288737.html