<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. UI概念体系要素

    结构.渲染.交互.数据. 要素.呈现.交互 1)UI(组成)要素:结构 2)布局: 3)渲染: 4)事件处理: 5)数据:

  2. 5-Java-C（小题答案）

    1. a[i][j]=a[i-1][j-1]+a[i-1][j] 2.1835421 3.93 4.1572836

  3. 使用Let's Encrypt 生成免费的ssl证书的详细过程

    参考连接:https://github.com/diafygi/acme-tiny 中文:https://hacpai.com/article/1487899289204 目前我了解可以生成免费证书的 ...

  4. ubuntu12.04 配置apache+modwsgi+django1.5

    1.首先下载modwsgi  链接如下: http://files.cnblogs.com/baoyiluo/mod_wsgi-3.4.zip 2.解压并安装mod_wsgi: ./configure ...

  5. 【东软实训】SQL函数

    SQL函数 SQL是用于访问和处理数据库的标准的计算机语言,我们所使用的的是Oracle SQL 一个数据库通常包含一个或多个表,每个表有一个名字表示,下图即为一个名为“emp”的表,接下来的操作都将 ...

  6. JS_类数组

    [目录] 什么是数组 非类数组 类数组对象转化为数组 [类数组] 什么是类数组? 定义: 不具有数组的所具有的方法 拥有length属性,其属性(索引)为非负整数 类数组 var obj = { 0 ...

  7. QT5:先导篇 正则表达式

    一.简介 使用正则表达式可以快速完成处理字符串的一些操作,如验证 查找 替换和分割 Qt的QRegExp类是正则表达式的表示类,它基于Perl的正则表达式语言 正则表达式由表达式(expression ...

  8. POJ 1664 放苹果（ 递推关系 ）

    链接:传送门 思路:苹果m个,盘子n个.假设 f ( m , n ) 代表 m 个苹果,n个盘子有 f ( m , n ) 种放法. 根据 n 和 m 的关系可以进一步分析: 特殊的 n = 1 || ...

  9. ERC20 Token

    pragma solidity ^0.4.8; contract Token{ // token总量,默认会为public变量生成一个getter函数接口,名称为totalSupply(). uint ...

  10. 从Hadoop框架讨论大数据

    [Hadoop是什么?] 1)Hadoop 是一个由 Apache 基金会所开发的分布式系统基础架构. 2)主要解决,海量数据的存储和海量数据的分析计算问题. 3)广义上来说,HADOOP 通常是指一 ...