<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. eclipse自动为变量生成Get/Set函数

    启动Eclipse,打开demo工程.如图:   假定为成员变量test生成Get/Set函数. 光标定位到该成员变量,如图:   右键选择“source”-“Generate Getters and ...

  2. SQL GROUP BY 和 ORDER BY 区别

    order by 是按表中某字段排列表中数据group by 是按某些字段分类. 例如按 1.按年龄排序表中的记录select * from users order by age 2.按年龄分类表中数 ...

  3. webpack遇见的坑：Please install 'webpack-cli' in addition to webpack itself to use the CLI.

    webpack-cli没被找到: 在webpack4.0之后,需要全局安装webpack-cli, 在全局安装webpack之后,cnpm i webpack-cli -g 在局部使用webpack时 ...

  4. ubuntu 18.04 安装.net core

    要求某些软件包保持现状,就是它们破坏了软件包间的依赖关系那就只好在琢磨了,然后就发现了在github有安装的方法因为是18.04 所以 wget -qO- https://packages.micro ...

  5. vlmcsd-1111-2017-06-17

    Source and binaries: http://rgho.st/6c6R7RwMZ   全部编译好了 https://www.upload.ee/files/7131474/vlmcsd-11 ...

  6. Python之面向对象类和对象

    Python之面向对象类和对象 定义一个类:class 定义类的语法: class Test(object): """ 类里定义一类事物共同的技能. 可以是变量,也可是函 ...

  7. C语言学习2

    C语言能够进行嵌套备注的方法: #if(0) do { scanf("%d", &n); getchar(); }]||n>a[M-]); #endif

  8. i2c精简总结

    基本的i2c的编程包括:读数据,写命令,写数据 有关i2c的时序需要的话查看这里http://blog.csdn.net/qqliyunpeng/article/details/41511347 1. ...

  9. IIS 注册.NET Framework 4.0 命令

    cmd执行以下命令 32位Windows:C:\Windows\Microsoft.NET\Framework\v4.0.30319\aspnet_regiis.exe -i 64位Windows:C ...

  10. 关于.NET玩爬虫这些事 【初码干货】

    这几天在微信群里又聊到.NET可以救中国但是案例太少不深的问题,我说.NET玩爬虫简直就是宇宙第一,于是大神朱永光说,你为何不来写一篇总结一下? 那么今天就全面的来总结一下,在.NET生态下,如何玩爬 ...