<script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

</head>

<body>

    <form id="form1">

        <div>

            <select name=YYYY id="YYYY" onchange="YYYYMM(this.value)">

                <option value="">选择 年</option>

            </select>

            <select name=MM id="MM" onchange="MMDD(this.value)">

                <option value="">选择 月</option>

            </select>

            <select name=DD id="DD">

                <option value="">选择 日</option>

            </select>

        </div>

        <input id="hfValue" />

        <button id="btnSave" text="保存" onclick="btnSave_Click()"></button>

    </form>

</body>

</html>

<script language="JavaScript">

    function getValue() {

        var year = document.getElementById("YYYY").options[document.getElementById("YYYY").selectedIndex].value;

        var month = document.getElementById("MM").options[document.getElementById("MM").selectedIndex].value;

        var day = document.getElementById("DD").options[document.getElementById("DD").selectedIndex].value;

        document.getElementById("hfValue").value = year + "-" + month + "-" + day;

    }

    window.onload = function () {

        strYYYY = $('#YYYY').prop('outerHTML');// document.form1.YYYY.outerHTML;

        strMM = $('#MM').prop('outerHTML');//document.form1.MM.outerHTML;

        strDD = $('#DD').prop('outerHTML');//document.form1.DD.outerHTML;

        MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

        //先给年下拉框赋内容

        var y = new Date().getFullYear();

        var str = strYYYY.substring(0, strYYYY.length - 9);

        for (var i = (y - 80) ; i < (y + 2) ; i++) //以今年为准，前30年，后30年

        {

            str += "<option value='" + i + "'> " + i + " 年" + "</option>\r\n";

        }

        $('#YYYY').prop('outerHTML', str + "</select>") //document.form1.YYYY.outerHTML = str + "</select>";

        //赋月份的下拉框

        var str = strMM.substring(0, strMM.length - 9);

        for (var i = 1; i < 13; i++) {

            str += "<option value='" + i + "'> " + i + " 月" + "</option>\r\n";

        }

        $('#MM').prop('outerHTML', str + '</select>') // document.form1.MM.outerHTML = str + "";

        $('#MM').val(y);

        $('#MM').val(new Date().getMonth() + 1); //document.form1.MM.value = new Date().getMonth() + 1;

        var n = MonHead[new Date().getMonth()];

        if (new Date().getMonth() == 1 && IsPinYear(YYYYvalue)) n++;

        writeDay(n); //赋日期下拉框

        $('#DD').val(new Date().getDate());// document.form1.DD.value = new Date().getDate();

    }

    function YYYYMM(str) //年发生变化时日期发生变化(主要是判断闰平年)

    {

        var MMvalue = $("#MM").val();//document.form1.MM.options[document.form1.MM.selectedIndex].value;

        if (MMvalue == "") {

            DD.outerHTML = strDD;

            return;

        }

        var n = MonHead[MMvalue - 1];

        if (MMvalue == 2 && IsPinYear(str)) n++;

        writeDay(n)

    }

    function MMDD(str) //月发生变化时日期联动

    {

        var YYYYvalue = $("#YYYY").val();// document.form1.YYYY.options[document.form1.YYYY.selectedIndex].value;

        if (str == "") {

            DD.outerHTML = strDD;

            return;

        }

        var n = MonHead[str - 1];

        if (str == 2 && IsPinYear(YYYYvalue)) n++;

        writeDay(n)

    }

    function writeDay(n) //据条件写日期的下拉框

    {

        var s = strDD.substring(0, strDD.length - 9);

        for (var i = 1; i < (n + 1) ; i++) s += "<option value='" + i + "'> " + i + " 日" +

    "</option>\r\n";

        $('#DD').prop('outerHTML', s + "</select>");  //document.form1.DD.outerHTML = s + "</select>";

    }

    function IsPinYear(year) //判断是否闰平年

    {

        return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0))

    }

</script>

年月日 生日 js插件的更多相关文章

  1. js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable

    js插件---JS表格组件BootstrapTable行内编辑解决方案x-editable 一.总结 一句话总结:bootstrap能够做为最火的框架,绝对不仅仅只有我看到的位置,它应该还有很多位置可 ...

  2. 【jQuery小实例】js 插件 查看图片

    ---本系列文章所用使用js均可在本博客文件中找到. 像淘宝一样,鼠标放在某一件商品上,展示大图信息,甚至查看图片的具体部位.给人超炫的效果,这种效果实现基于js文件和js插件.大致可以分为三步,添加 ...

  3. 【PC端】jQuery+PHP实现浏览更多内容(jquery.more.js插件)

    参数说明: 'amount' : '10', //每次显示记录数 'address' : 'comments.php', //请求后台的地址 'format' : 'json', //数据传输格式 ' ...

  4. chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法[bubuko.com]

    chart.js插件生成折线图时数据普遍较大时Y轴数据不从0开始的解决办法,原文:http://bubuko.com/infodetail-328671.html 默认情况下如下图 Y轴并不是从0开始 ...

  5. jQuery.cookie.js插件了解及使用方法

    jquery.cookie.js插件实现浏览器的cookie存储,该插件是基于jquery开发,方便cookie使用. jquerycookie.js的下载地址 http://plugins.jque ...

  6. Intense Images – 全屏浏览图像的 JS 插件

    Intense Images 是一个独立的 JavaScript 库,用于查看全屏图像.使用触摸/鼠标来实现图片位置的平移.图像元素的所有样式都是可以自定义的,Intense.js 只处理图像浏览器和 ...

  7. 购物车增加、减少商品时动画效果：jQuery.Fly.js插件使用方法

    某些电商网站加入购物车和减少购物车商品数量时,有个小动画,以抛物线形式增减,如图:      这里用到了第三方jQuery.Fly.js插件(底层依赖Jquery库,地址:https://github ...

  8. 代码规范和常用的js插件以及测试工具

    1.代码规范 .model层 1.1.1database file_proerty 1.1.2java fileProperty. 1.2.字段要有空指针 1.3.不创建爱数据库外键约束 1.4.已知 ...

  9. jquery.autocomplete.js 插件的自定义搜索规则

    这二天开始用jquery.autocomplete这个自动完成插件.功能基本比较强大,但自己在实际需求中发现还是有一处不足!问题是这样:当我定义了一个本地数据JS文件时,格式为JSON式的数组.如下: ...

随机推荐

  1. springmvc 拦截器，不拦截jsp文件

    spring mvc的拦截器只拦截controller不拦截jsp文件,如果不拦截jsp文件也会给系统带安全性问题. 解决方案有两种: 1.将所有的jsp文件放入到WEB-INF文件夹下,这样用户是直 ...

  2. EntityFramework+MySql 笔记1

    最近需要使用mysql ,而之前用惯了EF,所以就尝试EntityFramework+MySql的方案. 首先上网搜了一大通资料后,这样开始: 安装mysql,我用的版本是5.6.25 ( windo ...

  3. Servlet学习一

    Servlet担当着客户请求(Web浏览器或其它HTTP客户程序)与服务器响应(HTTP服务器上数据库或应用程序)的中间层.Servlet是位于Web服务器内部的服务器端Java应用程序,与传统的从命 ...

  4. 【转】MessageBox的常见用法

    网址:http://www.douban.com/note/40199603/ 一 函数原型及参数 function MessageBox(hWnd: HWND; Text, Caption: PCh ...

  5. Unable to require openssl, install OpenSSL and rebuild ruby (preferred) or use non-HTTPS sources解决

    解决方法 ruby -v rvm requirements brew install libyaml rvm pkg install openssl rvm install 2.3.1 --with- ...

  6. HTTP Error 503. The service is unavailable

    网站运行一段时间后,突然所有的页面都报告以下错误: HTTP Error 503. The service is unavailable 经检查,应用程序池自动停止,可能是工作进程抛出的异常数超出限制 ...

  7. android虚拟机

    参考:http://baike.baidu.com/link?url=06bC3y5DSQ7DQ_QbEr6hTfMNpmg2f-39w6FpU69xxkbNoJ5OR4N9xCKoMwMMGTZfF ...

  8. Ubuntu如何更新源

    Ubuntu的源其实就是更新各种软件包需要用到镜像网站, 当大家在虚拟机上安装Linux镜像的时候肯定会遇到各种Linux软件没有安装,当你用apt-get安装的时候它会提示无效的网址,这个时候你就需 ...

  9. exception 'yii\base\ErrorException' with message 'Class 'MongoClient' not found'

    问题描述: 本来项目运行的好好的,搬了一次办公室(电脑主机一起搬的),第二天的时候就登录不了了. php版本和扩展没有改变,且没有修改任何配置,我尝试重启php5-fpm 服务,又重启nginx服务, ...

  10. Masonry控制台打印约束冲突问题解决

    不知道你是不是视图的布局也是用的第三方Masonry,在使用中是不是也遇到了控制台约束冲突的警告打印,看下图: 从输出的信息可以知道,有的控件的约束明显重复了设置,所以指出了是哪个控件,重复设置了哪些 ...