本篇文章主要介绍了 js 出生日期 年月日级联菜单的示例代码。需要的朋友可以过来参考下,希望对大家有所帮助
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
现在世界通用的公历(阳历)也经过一个长期演变的过程。我们先看,公历每个月的日数是固定的:"七前单大,八后双大"。也就是说,一、三、五、七、八、十、腊月(十二月)是 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">
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];
// 先给年下拉框赋内容
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 += "\r\n";
}
document.form1.YYYY.outerHTML = str + "";
// 赋月份的下拉框
var str = strMM.substring(0, strMM.length - 9);
for (var i = 1; i < 13; i++) {
str += "\r\n";
}
document.form1.MM.outerHTML = str + "";
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) // 年发生变化时日期发生变化 (主要是判断闰平年)
{
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) // 月发生变化时日期联动
{
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) // 据条件写日期的下拉框
{
var s = strDD.substring(0, strDD.length - 9);
for (var i = 1; i < (n + 1); i++) s += "
"\r\n";
document.form1.DD.outerHTML = s + "";
}
function IsPinYear(year) // 判断是否闰平年
{
return (0 == year % 4 && (year % 100 != 0 || year % 400 == 0))
}
//-->
来源: