js出生日期 年月日級(jí)聯(lián)菜單示例代碼
現(xiàn)在世界通用的公歷(陽歷)也經(jīng)過一個(gè)長(zhǎng)期演變的過程。我們先看,公歷每個(gè)月的日數(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ā)生變化時(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
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);
}
}
}
- javascript 當(dāng)前日期加(天、周、月、年)
- js獲取某月的最后一天日期的簡(jiǎn)單實(shí)例
- javascript實(shí)現(xiàn)日期按月份加減
- js日期范圍初始化得到前一個(gè)月日期的方法
- JavaScript顯示當(dāng)然日期和時(shí)間即年月日星期和時(shí)間
- JS根據(jù)生日月份和日期計(jì)算星座的簡(jiǎn)單實(shí)現(xiàn)方法
- javascript顯示上周、上個(gè)月日期的處理方法
- 詳解JavaScript時(shí)間處理之幾個(gè)月前或幾個(gè)月后的指定日期
- 判斷日期是否能跨月查詢的js代碼
- js指定日期增加指定月份的實(shí)現(xiàn)方法
相關(guān)文章
詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法
這篇文章主要介紹了詳解js創(chuàng)建對(duì)象的幾種方式和對(duì)象方法,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03Javascript類型系統(tǒng)之undefined和null淺析
這篇文章主要介紹了Javascript類型系統(tǒng)之undefined和null的知識(shí),通過本文還簡(jiǎn)單給大家介紹了javascript中null和undefined的區(qū)別的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07Google Suggest ;-) 基于js的動(dòng)態(tài)下拉菜單
Google Suggest ;-) 基于js的動(dòng)態(tài)下拉菜單...2006-10-10JavaScript高級(jí)程序設(shè)計(jì) 擴(kuò)展--關(guān)于動(dòng)態(tài)原型
前文是基于《JavaScript高級(jí)程序設(shè)計(jì)》中關(guān)于對(duì)象創(chuàng)建的筆記和總結(jié)。2010-11-11