JavaScript時間操作之年月日星期級聯操作
更新時間:2016年01月15日 14:56:08 作者:不動聲色的蝸牛
這篇文章主要介紹了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程序設計有所幫助。
相關文章
Bootstrap中的fileinput 多圖片上傳及編輯功能
這篇文章主要介紹了Bootstrap中的fileinput 多圖片上傳及編輯功能的實現,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-09-09
JS使用ajax方法獲取指定url的head信息中指定字段值的方法
這篇文章主要介紹了JS使用ajax方法獲取指定url的head信息中指定字段值的方法,實例分析了Ajax操作URL中head信息的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03

