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代码压缩器
Oct 12 Javascript
javascript中的对象和数组的应用技巧
Jan 07 Javascript
使用IE的地址栏来辅助调试Web页脚本
Mar 08 Javascript
详解JavaScript的while循环的使用
Jun 03 Javascript
使用jquery实现仿百度自动补全特效
Jul 23 Javascript
js 判断所选时间(或者当前时间)是否在某一时间段的实现代码
Sep 05 Javascript
JavaScript为事件句柄绑定监听函数实例详解
Dec 15 Javascript
Ajax异步获取html数据中包含js方法无效的解决方法
Feb 20 Javascript
Vue-Cli中自定义过滤器的实现代码
Aug 12 Javascript
React教程之封装一个Portal可复用组件的方法
Jan 02 Javascript
JS+H5 Canvas实现时钟效果
Jul 20 Javascript
小程序云开发实现数据库异步操作同步化
May 18 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可逆加密/解密函数分享
2012/09/25 PHP
php获取参数的几种方法总结
2014/02/18 PHP
PHP SESSION的增加、删除、修改、查看操作
2015/03/20 PHP
详解YII关联查询
2016/01/10 PHP
PHP编程获取图片的主色调的方法【基于Imagick扩展】
2017/08/02 PHP
javascript学习笔记(二十) 获得和设置元素的特性(属性)
2012/06/20 Javascript
Javascript无阻塞加载具体方式
2013/06/28 Javascript
js判断上传文件的类型和大小示例代码
2013/10/18 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
NodeJs中的VM模块详解
2015/05/06 NodeJs
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
JS获取url参数、主域名的方法实例分析
2016/08/03 Javascript
JavaScript错误处理和堆栈追踪详解
2017/04/18 Javascript
JS简单生成随机数(随机密码)的方法
2017/05/11 Javascript
详解AngularJS跨页面传值(ui-router)
2017/08/23 Javascript
Nodejs中使用phantom将html转为pdf或图片格式的方法
2017/09/18 NodeJs
vue语法之拼接字符串的示例代码
2017/10/25 Javascript
vue-router实现组件间的跳转(参数传递)
2017/11/07 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
vue更改数组中的值实例代码详解
2020/02/07 Javascript
Pytorch提取模型特征向量保存至csv的例子
2020/01/03 Python
使用python 的matplotlib 画轨道实例
2020/01/19 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
使用Keras预训练好的模型进行目标类别预测详解
2020/06/27 Python
Python自动化操作实现图例绘制
2020/07/09 Python
python类共享变量操作
2020/09/03 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
详解css3 flex弹性盒自动铺满写法
2020/09/17 HTML / CSS
HTML5 文件上传下载的实例代码
2017/07/03 HTML / CSS
如何写一个Java类既可以用作applet也可以用作java应用
2016/01/18 面试题
房屋改造计划书
2014/01/10 职场文书
创建学习型党组织实施方案
2014/03/29 职场文书
导游词之苏州阳澄湖
2019/11/15 职场文书
QT与javascript交互数据的实现
2021/05/26 Javascript
Android Flutter实现3D动画效果示例详解
2022/04/07 Java/Android