<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. Spring启动执行流程梳理

    注:本文梳理启动流程使用的Spring版本:4.0.2.RELEASE 使用spring配置,都需要在web.xml中配置一个spring的监听器和启动参数(context-param),如下: &l ...

  2. loadrunner 响应时间和TPS

    例子:一个高速路有10个入口,每个入口每秒钟只能进1辆车 1.请问1秒钟最多能进几辆车?    TPS=10 2.每辆车需要多长时间进行响应?    reponse time = 1 3.改成20辆车 ...

  3. tar (child): lbzip2: Cannot exec: No such file or directory tar (child): Error is not recoverable: exiting now tar: Child returned status 2 tar: Error is not recoverable: exiting now

    tar解压bz2格式 报错 解决方法很简单,只要安装bzip2就行了,yum安装的命令如下: yum -y install bzip2 如果是无法联网,可以去官网下载安装包,进一步安装即可

  4. 循环冗余校验（CRC）算法入门

    http://blog.csdn.net/liyuanbhu/article/details/7882789 前言 CRC校验(循环冗余校验)是数据通讯中最常采用的校验方式.在嵌入式软件开发中,经常要 ...

  5. MyEclipse2017修改Web Context Root

    1,复制一个已经存在的项目,并修改项目名 2,选中项目右键选择properities,打开. 但是这里的web context root无法修改 3,删除web显示properties的所有属性,输入 ...

  6. 在vue中场景，循环行，点击当前行编辑数据

    当前列表 点击编辑,行变为编辑框. <Row style="color:#999;margin-bottom:11px"> <Row style="ma ...

  7. 216种Web安全颜色

    216种Web安全颜色 全部 JavaScript HTML5 jQuery CSS EXT Ajax Web综合 界面设计 DWR   锁定老帖子 主题:216种Web安全颜色 精华帖 (0) :: ...

  8. NOIP专题复习1 图论-最短路

    一.知识概述 今天我们要复习的内容是图论中的最短路算法,我们在这里讲3种最短路求法,分别是:floyd,dijkstra,spfa. 那么我们从几道例题来切入今天讲解的算法. 二.典型例题 1.热浪 ...

  9. buf.entries()详解

    buf.entries() 返回:{Iterator} 从当前 Buffer 的内容中,创建并返回一个 [index, byte] 形式的迭代器. const buf = Buffer.from('b ...

  10. Win2008 Server搭建流媒体服务（在线看电影）

    什么是流媒体服务呢. 所谓流媒体是指采用流式传输的方式在Internet播放的媒体格式, 与需要将整个视频文件全部下载之后才能观看的传统方式相比, 流媒体技术是通过将视频文件经过特殊的压缩方式分成一个 ...