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

更新時(shí)間：2014年01月10日 10:03:54 作者：

本篇文章主要介紹了js出生日期年月日級聯(lián)菜單的示例代碼。需要的朋友可以過來參考下，希望對大家有所幫助

現(xiàn)在世界通用的公歷（陽歷）也經(jīng)過一個(gè)長期演變的過程。我們先看，公歷每個(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;
    }

"</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);
        }
    }
}

您可能感興趣的文章: