JS动态生成年份和月份实例代码

发布时间 - 2026-01-10 22:51:56    点击率:

先看下js动态生成的年份,具体代码如下所示:

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 + '年')); 
  } 
} 

下面看下js动态生成月

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  # 动态生成年份  # 动态生成月份  # javaScript年份下拉列表框内容为当前年份及前后50年  # JS日期对象简单操作(获取当前年份、星期、时间)  # IE与Firefox下javascript getyear年份的兼容性写法  # js输出阴历、阳历、年份、月份、周示例代码  # 一个可以显示当前年份以及生肖的js代码  # 使用js原生实现年份轮播选择效果实例  # 小编  # 在此  # 给大家  # 所示  # 所述  # 先看  # 给我留言  # 感谢大家  # 疑问请  # 有任何  # 都差不多  # year  # getElementById  # document  # getFullYear  # Date  # endYear  # pre  # class  # style 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 如何自定义建站之星网站的导航菜单样式?  Laravel怎么定时执行任务_Laravel任务调度器Schedule配置与Cron设置【教程】  Laravel模型关联查询教程_Laravel Eloquent一对多关联写法  JS弹性运动实现方法分析  laravel怎么配置Redis作为缓存驱动_laravel Redis缓存配置教程  车管所网站制作流程,交警当场开简易程序处罚决定书,在交警网站查询不到怎么办?  jimdo怎样用html5做选项卡_jimdo选项卡html5实现与切换效果【指南】  浅谈redis在项目中的应用  HTML 中动态设置元素 name 属性的正确语法详解  家族网站制作贴纸教程视频,用豆子做粘帖画怎么制作?  Laravel如何记录自定义日志?(Log频道配置)  Win11怎么关闭专注助手 Win11关闭免打扰模式设置【操作】  如何快速启动建站代理加盟业务?  使用PHP下载CSS文件中的所有图片【几行代码即可实现】  浅析上传头像示例及其注意事项  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  Gemini怎么用新功能实时问答_Gemini实时问答使用【步骤】  laravel怎么用DB facade执行原生SQL查询_laravel DB facade原生SQL执行方法  如何解决hover在ie6中的兼容性问题  C语言设计一个闪闪的圣诞树  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  Laravel如何升级到最新版本?(升级指南和步骤)  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  Android实现代码画虚线边框背景效果  JavaScript Ajax实现异步通信  晋江文学城电脑版官网 晋江文学城网页版直接进入  新三国志曹操传主线渭水交兵攻略  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  javascript中的数组方法有哪些_如何利用数组方法简化数据处理  Laravel Pest测试框架怎么用_从PHPUnit转向Pest的Laravel测试教程  BootStrap整体框架之基础布局组件  phpredis提高消息队列的实时性方法(推荐)  C++时间戳转换成日期时间的步骤和示例代码  Laravel如何操作JSON类型的数据库字段?(Eloquent示例)  Laravel如何实现邮箱地址验证功能_Laravel邮件验证流程与配置  如何在 Go 中优雅地映射具有动态字段的 JSON 对象到结构体  重庆市网站制作公司,重庆招聘网站哪个好?  网站制作大概要多少钱一个,做一个平台网站大概多少钱?  Firefox Developer Edition开发者版本入口  企业在线网站设计制作流程,想建设一个属于自己的企业网站,该如何去做?  Laravel怎么为数据库表字段添加索引以优化查询  WEB开发之注册页面验证码倒计时代码的实现  Laravel如何实现API资源集合?(Resource Collection教程)  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  如何在 React 中条件性地遍历数组并渲染元素  HTML5空格在Angular项目里怎么处理_Angular中空格的渲染问题【详解】  如何续费美橙建站之星域名及服务?  教你用AI将一段旋律扩展成一首完整的曲子