JS动态生成年份和月份实例代码

 更新时间:2017年02月04日 17:00:30   投稿:mrr  
本文给大家分享两段代码来通过js动态生成年份和月份功能,非常不错,具有参考借鉴价值,需要的朋友参考下

先看下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实现单例模式

    基于JavaScript实现单例模式

    这篇文章主要介绍了基于JavaScript实现单例模式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 用js遍历 table的脚本

    用js遍历 table的脚本

    js遍历table的所有元素的代码,方便我们控制table的所有元素,颜色,样式等
    2008-07-07
  • JavaScript 动态改变图片大小

    JavaScript 动态改变图片大小

    本文作者通实际操作,发现可以用Javascript代码简单实现:对于图片大于100 X 100,则将其缩小为 100 X 100,若比这个小,则保持原图大小。
    2009-06-06
  • 怎样用JavaScript实现观察者模式

    怎样用JavaScript实现观察者模式

    这篇文章主要介绍了怎样用JavaScript实现观察者模式,想学习设计模式的同学,可以参考一下
    2021-04-04
  • 原生js实现给指定元素的后面追加内容

    原生js实现给指定元素的后面追加内容

    给指定元素的后面追加一些自己想要实现的效果或者是一些属性之类的,有木有遇到过,接下来为大家详细介绍下追加的实现代码,感兴趣的朋友可以参考下哈
    2013-04-04
  • JS多次请求接口按顺序依次执行解决办法

    JS多次请求接口按顺序依次执行解决办法

    在JavaScript中for循环是同步的,意味着每个循环都会等待前一个循环的请求完成后才会执行下一个循环,这篇文章主要给大家介绍了关于JS多次请求接口按顺序依次执行的解决办法,需要的朋友可以参考下
    2024-04-04
  • async/await实现Promise.all()的方式

    async/await实现Promise.all()的方式

    Promise.all() 方法接收一个 promise 的 iterable 类型的输入,并且只返回一个Promise实例,并且输入的所有 promise 的 resolve 回调的结果是一个数组,对async/await实现Promise.all()相关知识感兴趣的朋友一起看看吧
    2022-12-12
  • JS基于FileSystemObject创建一个指定路径的TXT文本文件

    JS基于FileSystemObject创建一个指定路径的TXT文本文件

    这篇文章主要介绍了JS基于FileSystemObject创建一个指定路径的TXT文本文件,涉及javascript使用ActiveXObject控件中FileSystemObject对象模型的基本技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JS+CSS实现炫酷算盘时钟效果

    JS+CSS实现炫酷算盘时钟效果

    这篇文章主要为大家详细介绍了如何使用JavaScript和CSS实现炫酷算盘时钟效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下
    2023-12-12
  • js实现编辑div节点名称的方法

    js实现编辑div节点名称的方法

    这篇文章主要介绍了js实现编辑div节点名称的方法,可实现针对div节点名称的编辑及样式的选择效果,并且分别针对IE与FF浏览器的样式进行了选择与控制,具有一定的参考借鉴价值,需要的朋友可以参考下
    2014-12-12

最新评论