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 相关文章推荐
Flash对联广告的关闭按钮讨论
Jan 30 Javascript
静态页面下用javascript操作ACCESS数据库(读增改删)的代码
May 14 Javascript
为Javascript中的String对象添加去除左右空格的方法(示例代码)
Nov 30 Javascript
html的DOM中document对象images集合用法实例
Jan 21 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
jQuery日程管理控件glDatePicker用法详解
Mar 29 jQuery
利用node实现一个批量重命名文件的函数
Dec 21 Javascript
详解vue-cli官方脚手架配置
Jul 20 Javascript
详解JQuery基础动画操作
Apr 12 jQuery
Vue实现点击箭头上下移动效果
Jun 11 Javascript
vue pages 多入口项目 + chainWebpack 全局引用缩写说明
Sep 21 Javascript
JavaScript实现alert弹框效果
Nov 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
ueditor 1.2.6 使用方法说明
2013/07/24 PHP
PHP中判断变量为空的几种方法小结
2013/11/12 PHP
Laravel路由设定和子路由设定实例分析
2016/03/30 PHP
jQuery对象和DOM对象的相互转化实现代码
2010/03/02 Javascript
jquery实现div阴影效果示例代码
2013/09/16 Javascript
阻止事件(取消浏览器对事件的默认行为并阻止其传播)
2013/11/03 Javascript
IE8下String的Trim()方法失效的解决方法
2013/11/08 Javascript
JavaScript中模拟实现jsonp
2015/06/19 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
js和jQuery设置Opacity半透明 兼容IE6
2016/05/24 Javascript
使用BootStrapValidator完成前端输入验证
2016/09/28 Javascript
hovertree插件实现二级树形菜单(简单实用)
2016/12/28 Javascript
angular中实现控制器之间传递参数的方式
2017/04/24 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
layui弹出层效果实现代码
2017/05/19 Javascript
详解vue-cli中配置sass
2017/06/21 Javascript
WdatePicker.js时间日期插件的使用方法
2017/07/26 Javascript
深入解析ES6中的promise
2018/11/08 Javascript
详解微信小程序获取当前时间及日期的方法
2019/04/28 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
详解JavaScript中的坐标和距离
2019/05/27 Javascript
ElementUI中el-tree节点的操作的实现
2020/02/27 Javascript
Python实现的几个常用排序算法实例
2014/06/16 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
解决vscode python print 输出窗口中文乱码的问题
2018/12/03 Python
Python-Seaborn热图绘制的实现方法
2019/07/15 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
Perfume’s Club澳大利亚官网:西班牙领先的在线美容店
2021/02/01 全球购物
社区党员先进事迹
2014/01/22 职场文书
青年志愿者事迹材料
2014/02/07 职场文书
二人合伙经营协议书
2014/09/13 职场文书
军训通讯稿范文
2015/07/18 职场文书
2015年小学总务工作总结
2015/07/21 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python