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将文本转化成JSON对象需要注意的问题
May 09 Javascript
jquery的ajax请求全面了解
Mar 20 Javascript
Javascript实现可旋转的圆圈实例代码
Aug 04 Javascript
关于在Servelet中如何获取当前时间的操作方法
Jun 28 Javascript
js实现带三角符的手风琴效果
Mar 01 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
angularjs实现猜大小功能
Oct 23 Javascript
关于Google发布的JavaScript代码规范你要知道哪些
Apr 04 Javascript
Vue中&quot;This dependency was not found&quot;问题的解决方法
Jun 19 Javascript
jQuery实现表格隔行换色
Sep 01 jQuery
JavaScript前端页面搜索功能案例【基于jQuery】
Jul 10 jQuery
微信小程序开发中var that =this的用法详解
Jan 18 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中通过ADO调用Asscess数据库和COM程序
2006/10/09 PHP
谈谈PHP的输入输出流
2007/02/14 PHP
thinkphp 多表 事务详解
2013/06/17 PHP
php实现图形显示Ip地址的代码及注释
2014/01/20 PHP
phpnow php探针环境检测代码
2014/11/04 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
php精度计算的问题解析
2019/06/21 PHP
纯js简单日历实现代码
2013/10/05 Javascript
js 3秒后跳转页面的实现代码
2014/03/10 Javascript
fixedBox固定div漂浮代码支持ie6以上大部分主流浏览器
2014/06/26 Javascript
浅谈javascript构造函数与实例化对象
2015/06/22 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
JavaScript定义数组的三种方法(new Array(),new Array('x','y')
2016/10/04 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
vue实现表单录入小案例
2019/09/27 Javascript
vue resource发送请求的几种方式
2019/09/30 Javascript
解决vscode进行vue格式化,会自动补分号和双引号的问题
2020/10/26 Javascript
全面了解Python环境配置及项目建立
2016/06/30 Python
Win8.1下安装Python3.6提示0x80240017错误的解决方法
2018/07/31 Python
python版opencv摄像头人脸实时检测方法
2018/08/03 Python
Python flask框架post接口调用示例
2019/07/03 Python
基于python中__add__函数的用法
2019/11/25 Python
关于Python turtle库使用时坐标的确定方法
2020/03/19 Python
python退出循环的方法
2020/06/18 Python
纯CSS3代码实现switch滑动开关按钮效果
2016/08/30 HTML / CSS
深入解析HTML5中的Blob对象的使用
2015/09/08 HTML / CSS
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
趣味运动会策划方案
2014/06/02 职场文书
同学聚会邀请函
2015/01/30 职场文书
银行自荐信范文
2015/03/25 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
python spilt()分隔字符串的实现示例
2021/05/21 Python
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js