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

发布时间:2024年01月12日

需求:

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 , // 设置结束年份为当年的最后一天,实际效果是当前年份及之前的所有年份都可选
            }); 
    });  
});
文章来源:https://blog.csdn.net/weixin_43735471/article/details/135498601
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。