JavaScript动态生成年份与月份下拉菜单实现
作者:小括号时间:2026-10-21 21:26:03浏览:596
本文介绍了如何使用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动态生成年份和月份的详细介绍,希望能对大家有所帮助。如有疑问欢迎留言,小编会及时回复。感谢大家对本站的支持!
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
