js实现年月日联动功能

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

RoddyLD

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

阅读量1.3k

点赞数 1

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/RoddyLD/article/details/115024187

版权

本文介绍如何使用JavaScript实现年月日选择器的联动功能，重点在于处理不同月份的天数，并通过DOM操作实现联动更新。

摘要由CSDN通过智能技术生成

js实现年月日联动功能

实现年月日联动最核心的就是要判断每个月份的天数，月份的天数可能是28或29或30或31天。然后通过appendChild()方法和getElementByID()方法实现年月日的联动功能。

具体实现代码如下：

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>实现年月日联动</title>
</head>

<body>
	<script language="javascript">
		function append(d, v) {
   
			var option = document.createElement("option"); 			//创建元素option
			option.value = v; 										//把参数v作为元素的值
			option.innerText = v + "日"; 							//把参数v作为元素的显示内容
			d.appendChild(option); 									//把元素option添加到d的末尾
		}

		function getday() {
   
			var y = form1.year.value;

最低0.47元/天解锁文章

RoddyLD

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js实现年月日联动功能

js实现年月日联动功能实现年月日联动最核心的就是要判断每个月份的天数，月份的天数可能是28或29或30或31天。然后通过appendChild()方法和getElementByID()方法实现年月日的联动功能。具体实现代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi
复制链接

扫一扫

专栏目录