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实现简单验证码提示解决方案
Dec 20 Javascript
获取元素距离浏览器周边的位置的方法getBoundingClientRect
Apr 17 Javascript
jQuery oLoader实现的加载图片和页面效果
Mar 14 Javascript
JS设置网页图片vspace和hspace属性的方法
Apr 01 Javascript
JS实现的仿淘宝交易倒计时效果
Nov 27 Javascript
jQuery遍历json的方法(推荐)
Jun 12 Javascript
jQuery实现鼠标滚动图片延迟加载效果附源码下载
Jun 28 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
react中使用swiper的具体方法
May 15 Javascript
Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法
Sep 15 Javascript
Vue实现多标签选择器
Nov 28 Javascript
ES6 解构赋值的原理及运用
May 25 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 验证码实例代码
2010/06/01 PHP
php 团购折扣计算公式
2011/11/24 PHP
基于header的一些常用指令详解
2013/06/06 PHP
如何使用php判断所处服务器操作系统的类型
2013/06/20 PHP
PHP使用SOAP调用.net的WebService数据
2013/11/12 PHP
php实现文件下载实例分享
2014/06/02 PHP
Yii配置文件用法详解
2014/12/04 PHP
php插入含有特殊符号数据的处理方法
2016/11/24 PHP
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
jQuery+CSS3实现树叶飘落特效
2015/02/01 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
2016/01/14 Javascript
倾力总结40条常见的移动端Web页面问题解决方案
2016/05/24 Javascript
Vue2.0 slot分发内容与props验证的方法
2017/12/12 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
vue 使用post/get 下载导出文件操作
2020/08/07 Javascript
Python import自定义模块方法
2015/02/12 Python
讲解Python中的递归函数
2015/04/27 Python
windows上安装Anaconda和python的教程详解
2017/03/28 Python
win10下Python3.6安装、配置以及pip安装包教程
2017/10/01 Python
python中模块的__all__属性详解
2017/10/26 Python
Python爬虫实现全国失信被执行人名单查询功能示例
2018/05/03 Python
详解centos7+django+python3+mysql+阿里云部署项目全流程
2019/11/15 Python
tensorflow使用指定gpu的方法
2020/02/04 Python
Python3.7 读取音频根据文件名生成脚本的代码
2020/04/07 Python
Anaconda3中的Jupyter notebook添加目录插件的实现
2020/05/18 Python
python3 循环读取excel文件并写入json操作
2020/07/14 Python
python中selenium库的基本使用详解
2020/07/31 Python
历史学专业大学生找工作的自我评价
2013/10/16 职场文书
大学军训感言800字
2014/02/27 职场文书
文秘应届生求职信
2014/07/05 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
2015年前台文员工作总结
2015/05/18 职场文书
导游词之黄帝陵景区
2019/09/16 职场文书
MYSQL如何查看进程和kill进程
2022/03/13 MySQL