asp.net结合js做年月日三级联动_ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

<HTML>

<HEAD>

<title>年月日三联动下拉框</title>

</HEAD>

<body>

<option value="" selected>请选择 </option>年

</select>

年

</select>

月

</select>

日

</form>

function YYYYMMDDstart()

{

MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];

//先给年下拉框赋内容

var y = new Date().getFullYear();

for (var i = (y-100); i <= y; i++) //以今年为准，前100年
document.form1.YYYY.options.add(new Option(" "+ i, i));

//赋月份的下拉框

for (var i = 1; i < 13; i++)

document.form1.MM.options.add(new Option(" " + i, i));

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();

}

if(document.attachEvent)

window.attachEvent("onload", YYYYMMDDstart);

else

window.addEventListener('load', YYYYMMDDstart, false);

function YYYYDD(str) //年发生变化时日期发生变化(主要是判断闰平年)

{

var MMvalue = document.form1.MM.options[document.form1.MM.selectedIndex].value;

if (MMvalue == ""){ var e = document.form1.DD; optionsClear(e); 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 (YYYYvalue == ""){ var e = document.form1.DD; optionsClear(e); return;}

var n = MonHead[str - 1];

if (str ==2 && IsPinYear(YYYYvalue)) n++;

writeDay(n)

}

function writeDay(n) //据条件写日期的下拉框

{

var e = document.form1.DD; optionsClear(e);

for (var i=1; i<(n+1); i++)

e.options.add(new Option(" "+ i, i));

}

function IsPinYear(year)//判断是否闰平年

{

return(0 == year%4 && (year%100 !=0 || year%400 == 0));

}

function optionsClear(e)

{

e.options.length = 1;

}

//-->

</script>

</body>

</HTML>

------------------------------------------------------------

后台获取时：可以通过 Request["YYYY"].ToString() ; Request["MM"].ToString() ; Request["DD"].ToString();

这样分别获取年月日

/*** 如果从数据库获取年月日用此种方式显示出来代码如下**/

<html>

<head>

</head>

                //先给年下拉框赋内容
                //var y   = new Date().getFullYear();
                var y=<%=nian.Value %>;  //通过HiddenField 控件为年赋值
                for (var i = (y-100); i <= y; i++) //以今年为准，前100年
                    document.form1.YYYY.options.add(new Option(" "+ i, i));

                //赋月份的下拉框
                for (var i = 1; i < 13; i++)
                    document.form1.MM.options.add(new Option(" " + i, i));

<body>

</span></div></td>
</tr>

</table>

</body>

</html>

注：这里用 HiddenField 控件分别获取数据库中的记录。并通过js赋给年月日控件

(责任编辑：admin)

利用IronPython实现.NET接口	C# webBrowser强制在本窗口打开，禁止在新窗口打开
生成Excel高级报表	五分钟学会VB.NET实现拖放
一个简易在线相册	C#常用函数表及Asp.net(C#)常用函数表
RegisterStartupScript与RegisterClientScript	ASP.NET2.0中Themes、Skins轻松实现网站换肤
图片左右游览	Asp.net＂页面加载中＂效果实现
.Net提交POST	图片裁剪PhotoCropper
asp.net中页面执行耗时-时间差	用.net静态变量取代Application速度更快
Asp.net中执行sql脚本	Convert.ToString和ToString的一点区别(C#)
Asp.Net读取文本文件显示不了空格	asp.net桌面快捷方式

ASP.NET学习网|ASP.NET教程|ASP.NET MVC|ASP.NET 源码|VS2010教程|ASP.NET视频教程

热门标签

asp.net结合js做年月日三级联动

Tags：三级联动