JavaScript动态生成年份与月份下拉菜单实现

作者:小括号

时间:2026-10-21

浏览:595

本文介绍了如何使用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动态生成年份和月份的详细介绍,希望能对大家有所帮助。如有疑问欢迎留言,小编会及时回复。感谢大家对本站的支持!

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章