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 相关文章推荐
javascript中对Attr(dom中属性)的操作示例讲解
Dec 02 Javascript
IE8中动态创建script标签onload无效的解决方法
Dec 22 Javascript
jQuery动画与特效详解
Feb 01 Javascript
完美实现八种js焦点轮播图(上篇)
Jul 18 Javascript
jQuery动态改变多行文本框高度的方法
Sep 07 Javascript
JavaScript自动点击链接 防止绕过浏览器访问的方法
Jan 19 Javascript
jQuery简单获取DIV和A标签元素位置的方法
Feb 07 Javascript
jQuery Json数据格式排版高亮插件json-viewer.js使用方法详解
Jun 12 jQuery
微信小程序实现轮播图效果
Sep 07 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
jQuery+ajax实现用户登录验证
Sep 13 jQuery
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 Vue.js
详解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
php数组键名技巧小结
2015/02/17 PHP
YII Framework框架教程之国际化实现方法
2016/03/14 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
PHP封装的完整分页类示例
2018/08/21 PHP
js调用打印机打印网页字体总是缩小一号的解决方法
2014/01/24 Javascript
jQuery实现自动滚动到页面顶端的方法
2015/05/22 Javascript
基于jquery实现人物头像跟随鼠标转动
2015/08/23 Javascript
jQuery实现控制文字内容溢出用省略号(…)表示的方法
2016/02/26 Javascript
微信小程序 toast 详解及实例代码
2016/11/09 Javascript
浅谈jQuery操作类数组的工具方法
2016/12/23 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
jQuery实现三级联动效果
2017/03/02 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
JS实现的倒计时恢复按钮点击功能【可用于协议阅读倒计时】
2018/04/19 Javascript
Koa2微信公众号开发之消息管理
2018/05/16 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
2018/12/05 Javascript
VUE动态生成word的实现
2020/07/26 Javascript
Js利用正则表达式去除字符串的中括号
2020/11/23 Javascript
[06:53]DOTA2每周TOP10 精彩击杀集锦vol.3
2014/06/25 DOTA
[41:37]DOTA2北京网鱼队选拔赛——冲击职业之路
2015/04/13 DOTA
对Python _取log的几种方式小结
2019/07/25 Python
HTML5离线缓存在tomcat下部署可实现图片flash等离线浏览
2012/12/13 HTML / CSS
皮尔·卡丹巴西官方商店:Pierre Cardin
2017/07/21 全球购物
建材业务员岗位职责
2013/12/08 职场文书
简历自我评价怎么写好呢?
2014/01/04 职场文书
寒假思想汇报
2014/01/10 职场文书
优秀学生干部个人事迹材料
2014/06/02 职场文书
工作求职自荐信
2014/06/13 职场文书
社保委托书怎么写
2014/08/02 职场文书
先进人物事迹材料
2014/12/29 职场文书
实习科室评语
2015/01/04 职场文书
2015年车间安全管理工作总结
2015/05/13 职场文书
2015年幼儿园学前班工作总结
2015/05/18 职场文书
写好求职信的技巧解密
2019/05/14 职场文书
Python机器学习之逻辑回归
2021/05/11 Python
java版 简单三子棋游戏
2022/05/04 Java/Android