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


Posted in Javascript onFebruary 04, 2017

先看下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动态生成年份和月份,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
jquery封装的对话框简单实现
Jul 21 Javascript
js日期、星座的级联显示代码
Jan 23 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
Sep 10 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
javascript中Date对象应用之简易日历实现
Jul 12 Javascript
原生JS查找元素的方法(推荐)
Nov 22 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
Vue中组件之间数据的传递的示例代码
Sep 08 Javascript
9种改善AngularJS性能的方法
Nov 28 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
浅谈webpack和webpack-cli模块源码分析
Jan 19 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 #Javascript
js常用DOM方法详解
Feb 04 #Javascript
JavaScript数组操作详解
Feb 04 #Javascript
jQuery使用方法
Feb 04 #Javascript
touch.js 拖动、缩放、旋转 (鼠标手势)功能代码
Feb 04 #Javascript
jQuery插件autocomplete使用详解
Feb 04 #Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 #Javascript
You might like
域名查询代码公布
2006/10/09 PHP
PHP与MYSQL中UTF8编码的中文排序实例
2014/10/21 PHP
PHP中PDO的事务处理分析
2016/04/07 PHP
laravel5.1框架基础之Blade模板继承简单使用方法分析
2019/09/05 PHP
用示例说明filter()与find()的用法以及children()与find()的区别分析
2013/04/26 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
javascript中实现兼容JAVA的hashCode算法代码分享
2020/08/11 Javascript
推荐5 个常用的JavaScript调试技巧
2015/01/08 Javascript
将Sublime Text 3 添加到右键中的简单方法
2017/12/12 Javascript
vue-cli3.0 脚手架搭建项目的过程详解
2018/10/19 Javascript
jQuery层叠选择器用法实例分析
2019/06/28 jQuery
IDEA安装vue插件图文详解
2019/09/26 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
详解vite2.0配置学习(typescript版本)
2021/02/25 Javascript
[03:04]2018年国际邀请赛典藏宝瓶&莱恩声望物品展示 片尾有彩蛋
2018/06/04 DOTA
测试、预发布后用python检测网页是否有日常链接
2014/06/03 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
python3基于TCP实现CS架构文件传输
2018/07/28 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
浅谈Python编程中3个常用的数据结构和算法
2019/04/30 Python
Python3实现二叉树的最大深度
2019/09/30 Python
python实现同一局域网下传输图片
2020/03/20 Python
Django 权限管理(permissions)与用户组(group)详解
2020/11/30 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
斯洛伐克时尚服装网上商店:Cellbes
2016/10/20 全球购物
商务英语求职自荐信范文
2013/12/24 职场文书
初中生物教学反思
2014/01/10 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
师德师风建设方案
2014/05/08 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
环境日宣传活动总结
2014/07/09 职场文书
干部培训简讯
2015/07/20 职场文书
大学新生入学感想
2015/08/07 职场文书
阿里云服务器部署mongodb的详细过程
2021/09/04 MongoDB