本文介绍了如何使用JavaScript动态生成年份和月份的下拉菜单。通过获取当前年份并循环添加选项,以及根据月份数值补零处理,实现了简洁高效的日期选择功能。
动态生成年份
首先展示JavaScript动态生成年份的代码实现,具体示例如下。
function makeYear() {
var year = document.getElementById("year");
var my = new Date();
var endYear = my.getFullYear();// 获取当前年份
for (var i = 1900; i <= endYear; i++) {
year.options.add(new Option(i, i + '年'));
}
}
动态生成月份
接下来介绍JavaScript动态生成月份的方法。
function makeMonth() {
var month = document.getElementById("month");
for (var i = 1; i <= 12; i++) {
/*
* if (i < 10) {
option.values='0'+i;
option.innerText='0'+i;
* } else
* {
* option.values=i;
* option.innerText=i;
* }
* month.appendChiled(option);
*
*/
if (i < 10) {
month.options.add(new Option('0' + i, '0' + i));
} else {
month.options.add(new Option(i, i));
}
}
}
上述两个if条件判断可以互换使用,两者实现效果基本一致。
以上便是关于JS动态生成年份和月份的详细介绍,希望能对大家有所帮助。如有疑问欢迎留言,小编会及时回复。感谢大家对本站的支持!