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
Sep 24 Javascript
FormValidate 表单验证功能代码更新并提供下载
Aug 23 Javascript
&amp;lt;script defer&amp;gt; defer 是什么意思
May 10 Javascript
js删除所有的cookie的代码
Nov 25 Javascript
JS限制Textarea文本域字符个数的具体实现
Aug 02 Javascript
php和js对数据库图片进行等比缩放示例
Apr 28 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
js与C#进行时间戳转换
Nov 14 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
Dec 11 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
vue多个元素的样式选择器问题
Nov 29 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异步执行的详解
2013/06/03 PHP
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
PHP文件上传主要代码讲解
2013/09/30 PHP
php 模拟 asp.net webFrom 按钮提交事件实例
2014/10/13 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
jQuery 标题的自动翻转实现代码
2009/10/14 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
Jquery弹出窗口插件 LeanModal的使用方法
2012/03/10 Javascript
基于mootools插件实现遮罩层新手引导
2012/05/24 Javascript
javascript学习笔记(九) js对象 设计模式
2012/06/19 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
2013/01/15 Javascript
js判断背景图片是否加载成功使用img的width实现
2013/05/29 Javascript
jquery中的常用事件bind、hover、toggle等示例介绍
2014/07/21 Javascript
JavaScript实现三阶幻方算法谜题解答
2014/12/29 Javascript
jQuery使用append在html元素后同时添加多项内容的方法
2015/03/26 Javascript
JavaScript中的Math.atan2()方法使用详解
2015/06/15 Javascript
Jquery简单实现GridView行高亮的方法
2015/06/15 Javascript
web前端开发JQuery常用实例代码片段(50个)
2015/08/28 Javascript
学习javascript面向对象 javascript实现继承的方式
2016/01/04 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
JavaScript实现串行请求的示例代码
2020/09/14 Javascript
python计算牛顿迭代多项式实例分析
2015/05/07 Python
python将print输出的信息保留到日志文件中
2019/09/27 Python
世界上最大的售后摩托车零配件超市:J&P Cycles
2017/12/08 全球购物
SportsDirect.com新加坡:英国第一体育零售商
2019/03/30 全球购物
广州地球村科技数据库题目
2016/04/25 面试题
南京软件公司的.net程序员笔试题
2014/08/31 面试题
企业军训感想
2014/02/07 职场文书
社区务虚会发言材料
2014/10/20 职场文书
2014年办公室文秘工作总结
2014/12/09 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
毕业欢送会致辞
2015/07/29 职场文书
Python中的 enumerate和zip详情
2022/05/30 Python
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers