日期-时间的联动

最新推荐文章于 2021-04-09 19:01:25 发布

一知

最新推荐文章于 2021-04-09 19:01:25 发布

阅读量1k

点赞数 1

分类专栏： Javascript 文章标签： js 时间联动

本文链接：https://blog.youkuaiyun.com/laozhangu/article/details/13092829

版权

Javascript 专栏收录该内容

8 篇文章

订阅专栏

<html>
<head>
    <title>日期的联动</title>
    <script type="text/javascript">
        window.onload = function () {
            var yy2 = '<select id="Select1">';
            var date = new Date();
            var year = date.getFullYear();
            for (var i = 0; i < 10; i++) {
                yy2 += '<option>' + (year - i) + '</option>';
            }
            yy2 += ' </select>';
            document.getElementById("yy").innerHTML = yy2; /*年的下拉菜单制作完毕*/

            var mon2 = ' <select id="Select2">';
            for (var i = 0; i < 12; i++) {
                mon2 += '<option>' + (1 + i) + '</option>';
            }
            mon2 += ' </select>';
            document.getElementById("mon").innerHTML = mon2; /*月的下拉菜单*/

            var day = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
            var select1 = document.getElementById("Select1");
            var select2 = document.getElementById("Select2");
            var ind = select1.selectedIndex;
            var text = select1.options[ind].text;
            var ind2 = select2.selectedIndex;
            var text2 = select2.options[ind2].text - 1;

            var dd2 = "";
            var getdd = document.getElementById("dd");
            function setDay(indexOfmon) {
                dd2 = ' <select id="Select3">';
                for (var i = 0; i < day[indexOfmon]; i++) {
                    dd2 += '<option>' + (i + 1) + '</option>';
                }
                dd2 += ' </select>';
                getdd.innerHTML = dd2;
            }
            ValiRunNian(text2);
            function ValiRunNian(e) {
                if (e == 1) {
                    if (text % 4 == 0 && text % 100 != 0 || text % 400 == 0) {
                        day[1] = 29;
                    } else {
                        day[1] = 28;
                    }
                }
                setDay(e); //这时候有了Select3
            }

            select1.onchange = function () {
                ind = select1.selectedIndex;
                text = select1.options[ind].text;
                ValiRunNian(text2);
            }

            select2.onchange = function () {
                ind2 = select2.selectedIndex;
                text2 = select2.options[ind2].text - 1;
                ValiRunNian(text2);
            }
        }
    </script>
</head>
<body>
    <span id="yy"></span><span id="mon"></span><span id="dd"></span>
</body>
</html>