JavaScript实现年月日三联动

最新推荐文章于 2024-07-12 09:36:48 发布

hyy324

最新推荐文章于 2024-07-12 09:36:48 发布

阅读量366

点赞数

分类专栏：我写的小程序文章标签： javascript function date server div

本文链接：https://blog.csdn.net/hyy324/article/details/4364778

版权

我写的小程序专栏收录该内容

0 篇文章 0 订阅

订阅专栏

<html>
<head runat="server">
    <title>年月日三联动</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <select name="YYYY" onchange="YYYYDD()" id="select">
            <option value="" selected="selected">请选择年</option>
        </select>
        <select name="MM" onchange="MMDD()">
            <option value="" selected="selected">请选择月</option>
        </select>
        <select name="DD">
            <option value="" selected="selected">请选择日</option>
        </select>
    </div>
    </form>

            // 年份下拉框
            var y = new Date().getFullYear();
            for (var i = (y - 30); i < (y + 30); i++) // 今年为准，加上前后三十年
                document.form1.YYYY.options.add(new Option(" " + i + "年", i));

            // 月份下拉框
            for (var i = 1; i < 13; i++)
                document.form1.MM.options.add(new Option(" " + i + "月", i));

document.form1.YYYY.value = y;

document.form1.MM.value = new Date().getMonth() + 1;
var n = MonHead[new Date().getMonth()];

            //日期下拉框
            if (new Date().getMonth() == 1 && IsRunYear(YYYYvalue)) {
                n++;
            }
            writeDay(n);
            document.form1.DD.value = new Date().getDate();
        }

        // 年发生变化时日期发生变化(主要是判断闰平年)
        function YYYYDD() {
            var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
            if (YYYYvalue == "") {
                var eM = document.form1.MM;
                optionsClear(eM);
                var eD = document.form1.DD;
                optionsClear(eD);
                return;
            }
            else {
                var eM = document.form1.MM;
                optionsClear(eM);

                // 月份下拉框
                for (var i = 1; i < 13; i++)
                    document.form1.MM.options.add(new Option(" " + i + "月", i));
            }
            var n = MonHead[1];
            if (IsRunYear(YYYYvalue)) {
                n++;
            }
            writeDay(n);
        }

        // 月发生变化时日期联动
        function MMDD() {
            var YYYYvalue = document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;
            var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;
            if (MMvalue == "") {
                var eD = document.form1.DD;
                optionsClear(eD);
                return;
            }
            var n = MonHead[MMvalue - 1];
            if (MMvalue == 2 && IsRunYear(YYYYvalue)) {
                n++;
            }
            writeDay(n);
        }

        // 根据条件写日期的下拉框
        function writeDay(n) {
            var e = document.form1.DD;
            optionsClear(e);
            for (var i = 1; i < (n + 1); i++) {
                e.options.add(new Option(" " + i + " 日", i));
            }
        }

        //判断是否为闰年
        function IsRunYear(year) {
            return (year % 4 == 0 && (year % 100 != 0 || year % 400 == 0));
        }

        // 清空下拉框选项
        function optionsClear(e) {
            e.options.length = 1;
        }
    </script>

</body>
</html>

hyy324

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript实现年月日三联动

html>head runat="server"> title>年月日三联动title>head>body> form id="form1" runat="server"> div> select name="YYYY" onchange="YYYYDD()" id="select"> option value="" selected="se
复制链接

扫一扫