您的位置：首页 > Web前端 > JavaScript

Javascript实现日期的连动选择

2007-09-27 13:34 603 查看
今天无意间闯进一网站看到了几个最常用的日历控件，很有头趣的尝试了一下下面的代码。觉得挺简单的贴出来给大学分享下：


<html>


<body>


<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>


</body>




<script>


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>


</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航