js出生日期 年月日級聯(lián)菜單示例代碼
現(xiàn)在世界通用的公歷（陽歷）也經(jīng)過一個長期演變的過程。我們先看，公歷每個月的日數(shù)是固定的："七前單大，八后雙大"。也就是說，一、三、五、七、八、十、臘月（十二月）是31天，四、六、九、十一月是30天，只有二月，平年28天，閏年29天。
<%@ 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ā)生變化時日期發(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ā)生變化時日期聯(lián)動
{
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
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實現(xiàn)全屏漂浮廣告，光標(biāo)懸浮廣告停止移動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了Javascript操作表單實例講解（下）的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
彈出框在網(wǎng)站頁面中是必不可少的一部分，今天借助腳本之家平臺給大家分享使用js實現(xiàn)簡單的彈出框效果，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
Django模板繼承 extend標(biāo)簽實例代碼詳解
這篇文章主要介紹了Django模板繼承 extend標(biāo)簽實例代碼，非常不錯，具有一定的參考借鑒價值 ,需要的朋友可以參考下2019-05-05
這篇文章主要為大家詳細(xì)介紹了原生js實現(xiàn)表格循環(huán)滾動，每次滾動一行停頓，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了JavaScript 拖拽實例代碼的相關(guān)資料,需要的朋友可以參考下2016-09-09
下面小編就為大家?guī)硪黄猨s轉(zhuǎn)html實體的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
深入了解JavaScript中的二進(jìn)制操作及位掩碼應(yīng)用
在JavaScript中，二進(jìn)制操作可以說是一項非常強(qiáng)大和有用的技能，尤其是在處理數(shù)據(jù)和位掩碼時，它們是不可或缺的，本文將介紹JavaScript中的二進(jìn)制操作，包括什么是二進(jìn)制以及如何在JavaScript中進(jìn)行二進(jìn)制操作2023-06-06
JavaScript asp.net 獲取當(dāng)前超鏈接中的文本
今天用到，不會。網(wǎng)上找到一個方法，趕快記下來?？梢垣@取超鏈接的鏈接文本。2009-04-04
es6這個String對象倒是擴(kuò)展了不少方法,但是很多都是跟字符編碼相關(guān),下面這篇文章主要給大家介紹了關(guān)于ES6字符串?dāng)U展的相關(guān)資料,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-08-08