<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 联动 年月日的更多相关文章

  1. jQuery：年月日三级联动

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs ...

  2. jQuery select年月日(生日)选择器

    实际项目中,在用户的个人中心,编辑用户资料时经常会遇到选择生日选项的问题. 因为我项目工程中没有使用如jQuery UI的插件性下拉列表,所以选择select + option的原生方式,实现选择器. ...

  3. jquery获取年月日时分秒当前时间

    获取年月日时分秒的当前时间,可按照某种格式显示出来,下面是一种得到如2017年02月02日  00:00:00格式的当前时间 function getCurrentDate(date){ var y ...

  4. chose.jquery 联动

    <!doctype html> <html lang="en"> <head> <meta charset="utf-8&quo ...

  5. citySelect省市区jQuery联动插件

    参考地址:http://blog.csdn.net/qq_33556185/article/details/50704446 参考地址:http://www.lanrenzhijia.com/jque ...

  6. 开发一个jQuery插件——多级联动菜单

    引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后想用的时候就方便多了.项目中每个页 ...

  7. jQuery插件——多级联动菜单

    jQuery插件——多级联动菜单 引言 开发中,有好多地方用到联动菜单,以前每次遇到联动菜单的时候都去重新写,代码重用率很低,前几天又遇到联动菜单的问题,总结了下,发现可以开发一个联动菜单的功能,以后 ...

  8. 基于json的jquery地区联动探索

    贴一个基于jquery联动的代码,相信这样的代码有一大把,就当是jquery的练手吧, 写这个东西的初衷是来之于新浪微博,在新浪微博帐号设置里面有个地区的选项,使用js写的,想把它的代码给截获下来,可 ...

  9. jQuery 菜单小练习(实现点击和移动鼠标效果)

    这个代码的练习是点击事件后 如何用jQuery联动的方式找到相关标签 实现的结果是点击菜单一或者菜单二等 会出现相关菜品,并隐藏其他菜品.鼠标移动才菜品上会在右侧框内出现相关菜品的价格.实现特殊的效果 ...

随机推荐

  1. js 零散知识

    # 同一种类型的事件注册多个事件句柄,后面的不会覆盖前面的事件 # event.which == 13,13代表回车 # parsley.js验证框架 # JSON.stringify, avoid ...

  2. 用cesium本身添加水纹效果

    参考网站:https://blog.csdn.net/XLSMN/article/details/78752669 1.首先来看一下整体效果 2.具体方法如下: 首先,你必须有两张很重要的图片,你可以 ...

  3. 如何把datetime类型字段修改为int类型

    如何把datetime类型字段修改为int类型 我有一个表为:table1 其中有一个datetime类型的字段  a    现在我想我想把字段a的类型改为int类型 当我执行以下命令时报如下的错误a ...

  4. C++命名空间、标准库（std，全局命名空间）

    背景 别人遇到的问题: C++ 全局变量不明确与 using namespace std 冲突 我遇到的问题与他相似,函数调用冲突 using namespace std; class compare ...

  5. 洛谷——P1602 Sramoc问题

    P1602 Sramoc问题 $bfs$搜索 保证第一个搜到的符合条件的就是最小的 #include<bits/stdc++.h> #define N 110000 using names ...

  6. HDU - 2102 A计划（双层BFS）

    题目: 可怜的公主在一次次被魔王掳走一次次被骑士们救回来之后,而今,不幸的她再一次面临生命的考验.魔王已经发出消息说将在T时刻吃掉公主,因为他听信谣言说吃公主的肉也能长生不老.年迈的国王正是心急如焚, ...

  7. 样例GeoQuiz应用开发 第1章

    1. Activity是Android SDK的Activity类的一个具体实例,负责管理用户和信息屏的交互.应用的功能是通过编写一个Activity子类来实现的.简单的可能只有一个子类,复杂的应用则 ...

  8. 两种js下载文件的方法（转）

    function DownURL(strRemoteURL, strLocalURL){ try{ var xmlHTTP = new ActiveXObject("Microsoft.XM ...

  9. Python 反射-isinstance-issubclass-__str__-__del__

    用到的 isinstance(对象,类)  -------------------  判断一个对象是否是一个类的实例 issubclass(子类,父类)  ----------------  判断一个 ...

  10. python logging 日志使用

    https://docs.python.org/3/library/logging.html1.日志级别 日志一共分成5个等级,从低到高分别是:DEBUG INFO WARNING ERROR CRI ...