JavaScript时间操作之年月日星期级联操作

本文实例介绍了JavaScript时间操作之级联日期选择操作的详细代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=GB2312">

<title>年月日星期级联</title>

</head>

<body topmargin="10" leftmargin="0">

<form>

<select id=year onchange="toDate();">

<script>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</script>

</select>

<select id=month onchange="toDate();">

<script>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</script>

</select>

<select id=day onchange="toDay();"></select>

<input name=weekday>

</form>

<script type="text/javascript">

var arr="日一二三四五六".split("")

function toDate(){

with(document.all){

vYear=parseInt(year.options[year.selectedIndex].text)

vMonth=parseInt(month.options[month.selectedIndex].text)

day.length=0;

for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;}

}

toDay();

}

function toDay(){

vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value)

document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()]

}

window.onload=toDate;

</script>

</body>

</html>

希望本文所述对大家学习javascript程序设计有所帮助。