美文网首页
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年份选择器

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