jquery实现的年月日三级联动

wdzhangxiang

浏览: 93441 次
性别:
来自: 上海

最近访客更多访客>>

a545807638

jyxyyzq

kindred

lhh717689611

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Javascript
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="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>

分享到：

Lazy Load(1.7.0)中文文档 -- 延迟加载图片 ... | Lazy Load, 延迟加载图片的 jQuery 插件

2012-09-27 14:29
浏览 4108
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery实现的年月日三级联动

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery实现的年月日三级联动

评论

发表评论

相关推荐

外部javascript引用非.js文件

js中cookie的使用详细分析

一个javascript获取顶级域名的算法

关于document.compatMode的一些介绍

用javascript getComputedStyle获取和设置style的原理

网页 HTML table 导出成 excel

JSON数据格式基本讲解(转)

Lazy Load(1.7.0)中文文档 -- 延迟加载图片的jQuery插件

一个正则表达式，只含有汉字、数字、字母、下划线不能以下划线开头和结尾：

js去掉字符串前后空格的五种方法

Js获取当前页面URL的一些属性

js数组 sort方法的分析

忽略IE6/7的jquery返回到顶页

Lazy Load, 延迟加载图片的 jQuery 插件

jQuery JSONP 跨域实践(php)

带参数的JS脚本文件

如果浏览器禁用javascript应该怎么办?

jQuery实现的瀑布流效果， 向下滚动即时加载内容

js压缩工具JSMin的用法

谷歌 offsetWidth获取值失常和scrollTop为0

最近访客更多访客>>

jQuery实现的瀑布流效果，向下滚动即时加载内容