用JS实现年月日的联动

最新推荐文章于 2022-06-11 23:26:31 发布

倾城一笑stu

最新推荐文章于 2022-06-11 23:26:31 发布

阅读量3k

点赞数

分类专栏： JS/JQ/AJAX

本文链接：https://blog.csdn.net/zls986992484/article/details/51760415

版权

JS/JQ/AJAX 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

先引入jquery-2.0.2.js，然后直接上代码

<!DOCTYPE html>
<html>
<head>
<title>用JS实现年月日的联动</title>
<script type="text/javascript" src="jquery-2.0.2.js"></script>
</head>
<body>
<!--年-->
<select name="year" id="year" οnchange="getDay()">
<script type="text/javascript">
	var date=new Date();  //先new出一个date对象
	for(var i=1970;i<=date.getFullYear();i++){   //获取当前年份
		document.write("<option value='"+i+"' "+(i==2000?"selected":"")+">"+i+"年</option>");
		//循环输出年份，2000是指网页初始时显示的年份
	}
</script>
</select>
<!--月-->
<select name="month" id="month" οnchange="getDay()">
<script type="text/javascript">
	for(var i=1;i<=12;i++){
		document.write("<option value='"+i+"' "+(i==1?"selected":"")+">"+i+"月</option>");
		//循环输出月份
	}
</script>
</select>
<!--日-->
<select name="day" id="day">
<script type="text/javascript">
	for(var i=1;i<=31;i++){
		document.write("<option value='"+i+"' "+(i==1?"selected":"")+">"+i+"日</option>");
		//循环输出日期
	}
</script>
</select>
<script type="text/javascript">
function getDay(){
  var y=$("select[name=year]").val();   //获取年份
  var m=$("select[name=month]").val();  //获取月份
  var d=document.getElementById('day');  //获得day节点
  d.innerHTML="";  //清空节点day的内容
  if(m==4||m==6||m==9||m==11){  //如果月份是4,6,9,11
  	for(i=1;i<=30;i++) append(d,i);   //则用循环追加到day节点里面
  }
  else if(m==2){  //如果月份是2
  	if(y%4==0||y%400==0&&y%100!=0){   //如果是闰年
  		for(i=1;i<=29;i++) append(d,i);
  	}
  	else{
 		for(i=1;i<=28;i++) append(d,i);  //如果是平年
  	}
  }
  else{
 		for(i=1;i<=31;i++)  append(d,i);  //如果月份是其它的
  }
}
function append(d,j){
  	var option=document.createElement("option");   //创建option节点
   	option.value=j;   //设置value值
   	option.innerText=j+"日";    //设置显示内容
  	d.appendChild(option);   //把option追加到参数d里面
}
</script>
</body>
</html>

倾城一笑stu

关注

0
点赞
踩
14

收藏

觉得还不错? 一键收藏
0
评论
用JS实现年月日的联动

直接上代码用JS实现年月日的联动 var date=new Date(); //先new出一个date对象 for(var i=1970;i<=date.getFullYear();i++){ //获取当前年份 document.write(""+i+"年"); //循环输出年份，2000是指网页初始时显示的年份 } for(var i=1;i<=
复制链接

扫一扫