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 相关文章推荐
正负小数点后两位浮点数实现原理及代码
Sep 06 Javascript
js的onload事件及初始化按钮事件示例代码
Sep 25 Javascript
JavaScript splice()方法详解
Sep 22 Javascript
js闭包实现按秒计数
Apr 23 Javascript
介绍JavaScript中Math.abs()方法的使用
Jun 14 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
Dec 16 Javascript
详解50行代码,Node爬虫练手项目
Apr 22 Javascript
vue+moment实现倒计时效果
Aug 26 Javascript
JS实现扫码枪扫描二维码功能
Jan 03 Javascript
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
May 03 Javascript
vuex 多模块时 模块内部的mutation和action的调用方式
Jul 24 Javascript
微信小程序实现自定义动画弹框/提示框的方法实例
Nov 06 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
php中CI操作多个数据库的代码
2012/07/05 PHP
php流量统计功能的实现代码
2012/09/29 PHP
PHP连接SQLServer2005方法及代码
2013/12/26 PHP
ThinkPHP3.1新特性之字段合法性检测详解
2014/06/19 PHP
ThinkPHP中URL路径访问与模块控制器之间的关系
2014/08/23 PHP
PHP向socket服务器收发数据的方法
2015/01/24 PHP
jQuery学习笔记 操作jQuery对象 属性处理
2012/09/19 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
2014/01/09 Javascript
js 获取经纬度的实现方法
2016/06/20 Javascript
jquery心形点赞关注效果的简单实现
2016/11/14 Javascript
js常用DOM方法详解
2017/02/04 Javascript
AngularJS  ng-repeat遍历输出的用法
2017/06/19 Javascript
微信小程序使用wxParse解析html的方法教程
2018/07/06 Javascript
NodeJS使用Range请求实现下载功能的方法示例
2018/10/12 NodeJs
微信小程序 下拉刷新及上拉加载原理解析
2019/11/06 Javascript
javascript实现的图片预览和上传功能示例【兼容IE 9】
2020/05/01 Javascript
原生js实现轮播图特效
2020/05/04 Javascript
Vue2.x和Vue3.x的双向绑定原理详解
2020/11/05 Javascript
微信小程序实现天气预报功能(附源码)
2020/12/10 Javascript
windows下安装python paramiko模块的代码
2013/02/10 Python
Python中字典和集合学习小结
2017/07/07 Python
django 常用orm操作详解
2017/09/13 Python
Python3爬虫学习之将爬取的信息保存到本地的方法详解
2018/12/12 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
Pyinstaller 打包exe教程及问题解决
2019/08/16 Python
基于python requests selenium爬取excel vba过程解析
2020/08/12 Python
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
LivingSocial英国:英国本地优惠
2019/02/22 全球购物
华为智利官方商店:Huawei Chile
2020/05/09 全球购物
酒店销售主管岗位职责
2014/01/04 职场文书
驾驶员安全责任书范本
2014/07/24 职场文书
2014年乡镇民政工作总结
2014/12/02 职场文书
公司食堂管理制度
2015/08/05 职场文书
导游词之介休绵山
2019/12/31 职场文书
MySQL 使用索引扫描进行排序
2021/06/20 MySQL
Nginx配置https的实现
2021/11/27 Servers