美文网首页
JS年份选择器

JS年份选择器

作者: 泡杯感冒灵 | 来源:发表于2021-04-09 14:28 被阅读0次
<select id="myYear"></select>
window.onload=function(){ 
  //设置年份的选择 
  var myDate= new Date(); 
  var startYear=myDate.getFullYear()-50;//起始年份 
  var endYear=myDate.getFullYear()+50;//结束年份 
  var obj=document.getElementById('myYear') 
  for (var i=startYear;i<=endYear;i++) 
  { 
    obj.options.add(new Option(i,i)); 
  } 
  obj.options[obj.options.length-51].selected=1; 
}

效果


image.png

样式可以自定义

相关文章

  • JS年份选择器

    效果 样式可以自定义

  • Js JQ 选择器总结

    一、原生JS选择器 JS选择器常用的有getElementById()、getElementsByName()、g...

  • ElementUI 之 DatePicker 年份选择限制范围

    需求: 时间选择器,只能选择 1990 年 - 至今的年份。

  • jquery

    1、选择器 选择器 2、样式添加、属性获取 样式与属性 3、js对象和jquery对象转化 js和jquery转化...

  • jQuery选择器(全面)

    JS提供操作DOM元素的方法只有两种 jQuery选择器ID选择器 类选择器 标签选择器 后代选择器 父子选择器 ...

  • JAVAWEB总结2_CSS JS

    CSS CSS的三种常用选择器:标签选择器、id选择器、class选择器,通过选择器来改变dom节点的样式。 JS...

  • JQ二刷

    1. JQ操作和原生JS操作 2.选择器 2.1基本选择器 2.2后代选择器 2.3 索引选择器 2.4 显示隐藏...

  • 前端js学习

    js没有定义类的说法直接创建对象 jq选择器: 选择器改变标签属性

  • element 年份区间选择器

    应项目开发需求,需要单独做一个年份区间选择器,从网上查了下,没有相关的例子。于是改造了element 的日期选择器...

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

网友评论

      本文标题:JS年份选择器

      本文链接:https://www.haomeiwen.com/subject/tjwikltx.html