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 相关文章推荐
js全屏显示显示代码的三种方法
Nov 11 Javascript
JavaScript修改css样式style动态改变元素样式
Dec 16 Javascript
Jquery获取元素的父容器对象示例代码
Feb 10 Javascript
Javascript正则控制文本框只能输入整数或浮点数
Sep 02 Javascript
JavaScript function函数种类详解
Feb 22 Javascript
Javascript的无new构建实例详解
May 15 Javascript
JavaScript DOM节点操作方法总结
Aug 23 Javascript
基于JavaScript实现简单的音频播放功能
Jan 07 Javascript
总结JavaScript在IE9之前版本中内存泄露问题
Apr 28 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
移动端 Vue+Vant 的Uploader 实现上传、压缩、旋转图片功能
Jun 10 Javascript
vue2.0项目集成Cesium的实现方法
Jul 30 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
php 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
phplot生成图片类用法详解
2015/01/06 PHP
10款实用的PHP开源工具
2015/10/23 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
实例讲解PHP表单验证功能
2019/02/15 PHP
jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路
2013/04/10 Javascript
javascript+HTML5的Canvas实现Lab单车动画效果
2015/08/07 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
2016/08/24 Javascript
JS如何设置iOS中微信浏览器的title
2016/11/22 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
完美解决浏览器跨域的几种方法(汇总)
2017/05/08 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
2017/09/05 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
Angular7创建项目、组件、服务以及服务的使用
2019/02/19 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
webpack常用构建优化策略小结
2019/11/21 Javascript
js实现打字小游戏
2019/12/17 Javascript
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
Python虚拟环境virtualenv的安装与使用详解
2017/05/28 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
关于python3.9安装wordcloud出错的问题及解决办法
2020/11/02 Python
利用CSS3实现平移动画效果示例代码
2016/10/12 HTML / CSS
联想香港官方网站及网店:Lenovo香港
2018/04/13 全球购物
亚洲颇具影响力的男性在线购物零售商:His
2019/11/24 全球购物
申论倡议书范文
2014/05/13 职场文书
雷锋式好少年事迹材料
2014/08/17 职场文书
名人演讲稿范文
2014/09/16 职场文书
美容院合作经营协议书
2014/10/10 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
试用期自我评价怎么写
2015/03/10 职场文书
小学思想品德教学反思
2016/02/24 职场文书
检举信的写法
2019/04/10 职场文书