要实现表单启动时的动态月份筛选器,可以使用以下步骤:
var currentDate = new Date();
var currentMonth = currentDate.getMonth() + 1; // 加1是因为getMonth()返回的是0-11的值
var currentYear = currentDate.getFullYear();
var monthSelect = document.getElementById("monthSelect");
for (var i = 0; i < monthSelect.options.length; i++) {
var option = monthSelect.options[i];
var monthValue = parseInt(option.value);
if (currentYear > currentYear || (currentYear === currentYear && monthValue >= currentMonth)) {
option.style.display = "block";
} else {
option.style.display = "none";
}
}
document.addEventListener("DOMContentLoaded", function() {
// 在这里执行筛选器代码
});
完整的示例代码如下:
Dynamic Month Filter
这样,在表单加载时,月份选项将根据当前的年份和月份进行动态筛选,只显示当前年份之后的月份选项。