年份选择器

最新推荐文章于 2024-04-09 18:44:38 发布

_阿毛

最新推荐文章于 2024-04-09 18:44:38 发布

阅读量1k

点赞数 1

分类专栏： js+jquery 文章标签：年份选择器

本文链接：https://blog.csdn.net/amao_aguai/article/details/112580018

版权

本文介绍如何创建一个年份选择器，包括设定起止年份范围、正确操作DOM元素以及支持空值和默认选中当前年份的设置。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="../jquery-1.8.3.min.js"></script>
</head>
<body>
    <select id="myYear">
        <option value="">请选择</option>
    </select>
    <script>
        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;//默认选中当前年份
        }
        // 如果是jquery
        window.onload=function(){
            v