<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. Android（java）学习笔记202：JNI之hello.c（c代码功能实现）指针语法解析

    1. 接下来我们细讲分析一下前面一讲中,c功能实现的代码: (1)hello.c : #include <jni.h> char* getHello() { //////// return ...

  2. CREATE RULE - 定义一个新的重写规则

    SYNOPSIS CREATE [ OR REPLACE ] RULE name AS ON event TO table [ WHERE condition ] DO [ INSTEAD ] { N ...

  3. CRegKey

    1.简介 CRegKey提供了对系统注册表的操作方法,通过CRegKey类,可以方便的打开注册表的某个分支或子键(CRegKey::Open),可以方便的修改一个键的键值(CRegKey::SetVa ...

  4. BZOJ4873 LuoguP3749 寿司餐厅

    题面太长,请诸位自行品尝—>寿司餐厅 分析: 首先题目中给了限制条件,假如选了D(i,j)(i<j),那么也就选了D(i+1,j)和D(i,j-1)两个点. 于是我们一下就明白了,哦,最大 ...

  5. CSU1022: 菜鸟和大牛

    1022: 菜鸟和大牛 Submit Page   Summary   Time Limit: 1 Sec     Memory Limit: 128 Mb     Submitted: 1390   ...

  6. 笔试算法题（56）：快速排序实现之非递归实现，最小k值选择（non-recursive version, Minimal Kth Selection of Quick Sort）

    议题:快速排序实现之五(非递归实现,短序列优先处理,减少递归栈大小) 分析: 算法原理:此算法实现适用于系统栈空间不足够快速排序递归调用的需求,从而使用非递归实现快速排序算法:使用显示下推栈存储快速排 ...

  7. linux系统查看网络连接情况

    netstat命令状态说明: CLOSED                      没有使用这个套接字[netstat 无法显示closed状态] LISTEN 套接字正在监听连接[调用listen ...

  8. js 技巧 （五）

    //设置光标位置 function getCaret(textbox) { var control = document.activeElement; textbox.focus(); var ran ...

  9. 用ffmpeg切割音频文件

    ffmpeg -i audio.wav -f segment -segment_time -c copy audio%02d.wav "-segment_time 60" 表示每6 ...

  10. python3.x Day5 socket编程

    socket编程: socket 是大多应用层的底层的封装,实际封装的就是 发送,接收,但其实很复杂,在传输层协议之上(TCP/IP,UDP) 既然是网络通讯,一般按照服务端,客户端来处理:服务端: ...