码迷,mamicode.com
首页 > Web开发 > 详细

jquery 联动 年月日

时间:2017-07-11 22:58:01      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:value   http   change   var   upd   post   art   ++   hang   

<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 联动 年月日

标签:value   http   change   var   upd   post   art   ++   hang   

原文地址:http://www.cnblogs.com/mthoutai/p/7152474.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!