jquery实现的年月日三级联动

最新推荐文章于 2019-04-03 20:25:01 发布

KAKA

最新推荐文章于 2019-04-03 20:25:01 发布

阅读量388

点赞数

分类专栏： Javascript Jquery 文章标签： javascript xhtml ViewUI

本文链接：https://blog.csdn.net/wdzhangxiang/article/details/84295706

版权

Javascript 同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

Jquery

5 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>JQuery实例 - 生成年月日</title>
    <meta http-equiv="content-type" content="text/html; charset=gbk">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">


        $(function () {
            var $day = $("#day"),
              $month = $("#month"),
              $year = $("#year");

            <!--出始化年-->
            var dDate = new Date(),
              dCurYear = dDate.getFullYear(),
              str = "";
            for (var i = dCurYear - 100; i < dCurYear + 1; i++) {
                if (i == dCurYear) {
                    str = "<option value=" + i + " selected=true>" + i + "</option>";
                } else {
                    str = "<option value=" + i + ">" + i + "</option>";
                }
                $year.append(str);
            }

            <!--出始化月-->
            for (var i = 1; i <= 12; i++) {

                if (i == (dDate.getMonth() + 1)) {
                    str = "<option value=" + i + " selected=true>" + i + "</option>";
                } else {
                    str = "<option value=" + i + ">" + i + "</option>";
                }
                $month.append(str);
            }
            <!--调用函数出始化日-->
            TUpdateCal($year.val(), $month.val());
            $("#year,#month").bind("change", function(){
                TUpdateCal($year.val(),$month.val());
            });
        });

        <!--根据年月获取当月最大天数-->
        function TGetDaysInMonth(iMonth, iYear) {
            var dPrevDate = new Date(iYear, iMonth, 0);
            return dPrevDate.getDate();
        }

        function TUpdateCal(iYear, iMonth) {
            var dDate = new Date(),
                daysInMonth = TGetDaysInMonth(iMonth, iYear),
                str = "";

            $("#day").empty();

            for (var d = 1; d <= parseInt(daysInMonth); d++) {

                if (d == dDate.getDate()) {
                    str = "<option value=" + d + " selected=true>" + d + "</option>";
                } else {
                    str = "<option value=" + d + ">" + d + "</option>";
                }
                $("#day").append(str);
            }
        }

    </script>

</head>
<body>
<form name="ymd">
    <select id="year"></select>年
    <select id="month"></select>月
    <select id="day"></select>日
</form>
</body>
</html>

KAKA

关注

0
点赞
踩
1

收藏

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

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt; &lt;title&gt;JQuery实例 - 生成年月日&lt;/title&gt; &lt;meta http-equiv="content-type" content="text/html; charset=gbk"&
复制链接

扫一扫