jsp页面中使用jquery语法使用datetimePicker,给class=“sch-select-report-date”的input框设置时间选择,时间选择维度是年度,可选最早时间是2022年,最晚时间是当前年份
要在JSP页面中使用jQuery和datetimePicker来给一个input框设置时间选择,并限制可选的时间范围为2022年至当前年份,你可以按照以下步骤进行操作:
确保你的JSP页面中已经包含了jQuery库和datetimePicker插件。
给要应用datetimePicker的input框添加一个class,例如sch-select-report-date。
<input type="text" class="sch-select-report-date" />
使用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 , // 设置结束年份为当年的最后一天,实际效果是当前年份及之前的所有年份都可选
});
});
});