jquery 联动 年月日

Posted mthoutai

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 联动 年月日相关的知识,希望对你有一定的参考价值。

<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="jquery.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 - 70; i < dCurYear + 70; 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>


以上是关于jquery 联动 年月日的主要内容,如果未能解决你的问题,请参考以下文章

使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

用php+mysql+ajax+jquery做省市区三级联动

JS年月日三级联动下拉框日期选择代码

js实现二级月日联动菜单

html实现用户注册页面(生日实现年月日的三级联动)

js年月日联动菜单