JavaScript实现年月日与星期级联选择功能
作者:代码拾荒时间:2026-10-29 20:33:02浏览:419
本文提供了一段JavaScript实现年月日与星期级联选择的完整代码。通过监听年份和月份下拉框的变化,动态生成日期选项,并根据选定的年月日自动计算并显示对应的星期几。
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程序设计中的日期处理技巧。
作者最新文章
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
JavaScript函数定义的三种方式:声明、表达式与箭头函数
2026-11-05 13:50:55
JavaScript中escape、encodeURI和encodeURIComponent对空格的处理差异
2026-11-05 12:47:23
相关标签:
