欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js出生日期 年月日級(jí)聯(lián)菜單示例代碼

 更新時(shí)間:2014年01月10日 10:03:54   作者:  
本篇文章主要介紹了js出生日期 年月日級(jí)聯(lián)菜單的示例代碼。需要的朋友可以過來參考下,希望對(duì)大家有所幫助

現(xiàn)在世界通用的公歷(陽歷)也經(jīng)過一個(gè)長(zhǎng)期演變的過程。我們先看,公歷每個(gè)月的日數(shù)是固定的:"七前單大,八后雙大"。也就是說,一、三、五、七、八、十、臘月(十二月)是31天,四、六、九、十一月是30天,只有二月,平年28天,閏年29天。

復(fù)制代碼 代碼如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <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>
    <asp:HiddenField ID="hfValue" runat="server" />
    <asp:Button ID="btnSave" runat="server" Text="保存" onclick="btnSave_Click" />
    </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 = document.form1.YYYY.outerHTML;

    strMM = document.form1.MM.outerHTML;
    strDD = document.form1.DD.outerHTML;
    MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
    //先給年下拉框賦內(nèi)容
    var y = new Date().getFullYear();
    var str = strYYYY.substring(0, strYYYY.length - 9);

    for (var i = (y - 80); i < (y + 2); i++) //以今年為準(zhǔn),前30年,后30年
    {
        str += "<option value='" + i + "'> " + i + " 年" + "</option>\r\n";
    }
    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";
    }
    document.form1.MM.outerHTML = str + "</select>";
    document.form1.YYYY.value = y;
    document.form1.MM.value = new Date().getMonth() + 1;
    var n = MonHead[new Date().getMonth()];
    if (new Date().getMonth() == 1 && IsPinYear(YYYYvalue)) n++;
    writeDay(n); //賦日期下拉框
    document.form1.DD.value = new Date().getDate();
}
function YYYYMM(str) //年發(fā)生變化時(shí)日期發(fā)生變化(主要是判斷閏平年)
{
    var MMvalue = 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) //月發(fā)生變化時(shí)日期聯(lián)動(dòng)
{
    var YYYYvalue = 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) //據(jù)條件寫日期的下拉框
{
    var s = strDD.substring(0, strDD.length - 9);
    for (var i = 1; i < (n + 1); i++) s += "<option value='" + i + "'> " + i + " 日" +

"</option>\r\n";
    document.form1.DD.outerHTML = s + "</select>";

}
function IsPinYear(year) //判斷是否閏平年
{
    return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0))
}
//-->
</script>


.aspx.cs
復(fù)制代碼 代碼如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            btnSave.Attributes.Add("onclick", "getValue()");
        }

        protected void btnSave_Click(object sender, EventArgs e)
        {
            Response.Write(hfValue.Value);
        }
    }
}

相關(guān)文章

  • 深入淺析javascript中的作用域(推薦)

    深入淺析javascript中的作用域(推薦)

    js作用域是前端開發(fā)必掌握的基礎(chǔ)知識(shí)。這篇文章主要介紹了javascript中的作用域的相關(guān)資料,需要的朋友可以參考下
    2016-07-07
  • 詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法

    詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法

    這篇文章主要介紹了詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • 淺談Javascript數(shù)組的使用

    淺談Javascript數(shù)組的使用

    這篇文章主要介紹了淺談Javascript數(shù)組的使用的相關(guān)資料,包括數(shù)組的大小,數(shù)組的遍歷以及數(shù)組的一些方法,非常細(xì)致,需要的朋友可以參考下
    2015-07-07
  • JS中捕獲console.log()輸出的方法

    JS中捕獲console.log()輸出的方法

    這篇文章主要介紹了JS中捕獲console.log()輸出的方法,實(shí)例分析了實(shí)現(xiàn)獲取console.log輸出的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-04-04
  • Javascript類型系統(tǒng)之undefined和null淺析

    Javascript類型系統(tǒng)之undefined和null淺析

    這篇文章主要介紹了Javascript類型系統(tǒng)之undefined和null的知識(shí),通過本文還簡(jiǎn)單給大家介紹了javascript中null和undefined的區(qū)別的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下
    2016-07-07
  • 使用ethers.js部署Solidity智能合約的方法

    使用ethers.js部署Solidity智能合約的方法

    Ethers.js則是一個(gè)輕量級(jí)的web3.js替代品,在本文中,我們將學(xué)習(xí)使用ethers.js部署Solidity智能合約的方法,感興趣的朋友一起看看吧
    2021-10-10
  • js Array.slice的8種不同用法示例

    js Array.slice的8種不同用法示例

    這篇文章主要給大家介紹了關(guān)于js Array.slice的8種不同用法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js 具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-07-07
  • Google Suggest ;-) 基于js的動(dòng)態(tài)下拉菜單

    Google Suggest ;-) 基于js的動(dòng)態(tài)下拉菜單

    Google Suggest ;-) 基于js的動(dòng)態(tài)下拉菜單...
    2006-10-10
  • JavaScript高級(jí)程序設(shè)計(jì) 擴(kuò)展--關(guān)于動(dòng)態(tài)原型

    JavaScript高級(jí)程序設(shè)計(jì) 擴(kuò)展--關(guān)于動(dòng)態(tài)原型

    前文是基于《JavaScript高級(jí)程序設(shè)計(jì)》中關(guān)于對(duì)象創(chuàng)建的筆記和總結(jié)。
    2010-11-11
  • uni-app入門頁面布局之window和tabbar詳解

    uni-app入門頁面布局之window和tabbar詳解

    每個(gè)頁面按照結(jié)構(gòu)可以分成三部分:window?page?tabbar.其中window和tabbar一般比較固定,page是平常業(yè)務(wù)開展的主要載體,根據(jù)業(yè)務(wù)需求進(jìn)行頁面配置。下面主要講一下window和tabbar,感興趣的朋友跟隨小編一起看看吧
    2022-11-11

最新評(píng)論