来源：[url]http://www.wangchao.net.cn/bbsdetail_876.html[/url]
<html>
<head>
<title>年月日三下拉框联动</title>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
</head>
<body onload="YYYYMMDDstart(document.form1,document.form1.SYear,document.form1.SMonth,document.form1.SDay),YYYYMMDDstart(document.form1,document.form1.EYear,document.form1.EMonth,document.form1.EDay)">
<form name=form1>
起始时间：
<select name=SYear onchange="YYYYDD(this.value,document.form1.SMonth,document.form1.SDay)">
<option value="">年</option>
</select>年
<select name=SMonth onchange="MMDD(this.value,document.form1.SYear,document.form1.SDay)">
<option value="">月</option>
</select>月
<select name=SDay>
<option value="">日</option>
</select>日<br><br>
完成时间：
<select name=EYear onchange="YYYYDD(this.value,document.form1.EMonth,document.form1.EDay)">
<option value="">年</option>
</select>年
<select name=EMonth onchange="MMDD(this.value,document.form1.EYear,document.form1.EDay)">
<option value="">月</option>
</select>月
<select name=EDay>
<option value="">日</option>
</select>日
</form>
<script language="JavaScript">
<!--
function YYYYMMDDstart(form,year,month,day)
{
MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
//先给年下拉框赋内容
var y = new Date().getFullYear();
for (var i = (y-30); i < (y+5); i++) //以今年为准，前30年，后30年
year.options.add(new Option(i,i));
//赋月份的下拉框
for (var i = 1; i < 13; i++)
month.options.add(new Option(i,i));
year.value = y;
month.value = new Date().getMonth() + 1;
var n = MonHead[new Date().getMonth()];
if (new Date().getMonth() ==1 && IsPinYear(year.options[year.selectedIndex].value)) n++;
writeDay(n,day); //赋日期下拉框Author:meizz
day.value = new Date().getDate();
}
function YYYYDD(str,month,day) //年发生变化时日期发生变化(主要是判断闰平年)
{
var MMvalue = month.options[month.selectedIndex].value;
if (MMvalue == "" ){ var e = day; optionsClear(e); return;}
var n = MonHead[MMvalue - 1];
if (MMvalue ==2 && IsPinYear(str)) n++;
writeDay(n,day)
}
function MMDD(str,year,day) //月发生变化时日期联动
{
var YYYYvalue = year.options[year.selectedIndex].value;
if (YYYYvalue == "" ){ var e = day; optionsClear(e); return;}
var n = MonHead[str - 1];
if (str ==2 && IsPinYear(YYYYvalue)) n++;
writeDay(n,day)
}
function writeDay(n,day) //据条件写日期的下拉框
{
var e = day; optionsClear(e);
for (var i=1; i<(n+1); i++)
e.options.add(new Option(i,i));
}
function IsPinYear(year)//判断是否闰平年
{ return(0 == year%4 && (year%100 !=0 || year%400 == 0));}
function optionsClear(e)
{
for (var i=e.options.length; i>0; i--)
e.remove(i);
}
//--></script>
</body>
</html>
分享到：
相关推荐
element vue 时间组件封装 年月日 三级联动 选择 时间三级联动组件
总的来说，通过使用WheelView，开发者可以在Android应用中快速实现地区三级联动和日期选择器的功能。这个组件虽然简单，但能够提供高度定制化的用户体验。在实际项目中，开发者可以根据需求调整WheelView的样式、...
这个“js日期三级联动-滑动选择.rar”压缩包提供了一个解决方案，适用于PC和H5平台，旨在优化用户体验，实现日期选择的三级联动功能。下面我们将详细探讨这个功能的实现原理以及涉及到的相关知识点。 1. **日期选择...
本主题将深入探讨如何使用jQuery实现一个日期三级联动的效果，这是一个常见于用户输入生日或其他时间信息的功能。 一、jQuery基础 jQuery的核心在于其简洁的语法，例如选择元素、操作DOM（文档对象模型）以及处理...
三级联动是你在做网站是注册必不可少的部分。java编写的三级联动性能稳定，简单易用
提供目前中国全部行政区域的省（市/自治区）、市（区/自治州）、区（县/市）三级联动最新数据，可以用于各类应用开发。2019年10月31日，我公司（www.ebaitian.cn）决定将中国最新的行政区划数据向社会公众共享，以...
在Android开发中，"RecyclerView三级联动"是一种常见的交互设计，尤其在展示层级关系的数据时，如商品分类、地区选择等场景。RecyclerView作为Android系统提供的一个高效、可复用的列表视图，能够处理大量数据并提供...
在IT行业中，三级联动是一种常见的交互设计模式，尤其在数据筛选和导航系统中十分常见。这个"一个最简单的三级联动代码"示例可能是用来帮助开发者理解如何实现这种功能的。下面我们将深入探讨三级联动的基本概念、...
在IT领域，"三级联动"通常指的是在网页或应用程序中的一种交互设计，它涉及到三个层次的数据关联和选择。这种设计常见于下拉菜单或者地区选择等场景，例如省-市-区的选择，用户在选择一个省份后，下一级的市会根据...
ASP三级联动下拉菜单是指在ASP编程中实现三级联动的下拉菜单，通过调用数据库数据来实现三级分类的联动效果。这种技术广泛应用于各种Web应用程序中，例如电商平台、在线论坛等。 在这个例子中，我们可以看到，三级...
本文将深入探讨如何构建一个三级联动的自定义日期选择控件，模仿iOS的显示效果，以实现更流畅、美观的交互体验。 首先，我们需要理解"三级联动"的概念。在日期选择器中，这通常指的是年、月、日之间的关联选择。当...
在网页设计和开发中，"三级联动效果"是一种常见的交互设计模式，特别是在处理地理区域选择、类别筛选等场景。这种效果通常涉及到三个下拉选择框，它们之间存在依赖关系：第一个下拉框的选择会影响第二个下拉框的内容...
微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有自定义地区码(源代码+截图)微信小程序-省市县三级联动，带有...
在IT行业中，"js+jsp三级联动 源码"是一个常见的前端与后端交互的实践案例，主要用于实现用户界面的动态筛选和过滤。这里，我们主要探讨的是使用JavaScript（js）和JavaServer Pages（jsp）来创建一个具有三级联动...
【jsp+ajax 三级联动菜单】是一个典型的Web开发技术应用场景，它主要利用JavaServer Pages（JSP）和Asynchronous JavaScript and XML（AJAX）来实现动态网页中的数据交互和页面更新。在这个例子中，我们看到的是一个...
### 严格的三级联动日期下拉菜单 在网页开发过程中，日期选择器是非常常见的一个功能模块。特别是对于需要用户输入特定日期的应用场景来说，一个友好且准确的日期选择器能够极大地提升用户体验并减少输入错误的发生...
在ASP中，二级联动和三级联动下拉框是常见的功能，通常用于实现数据的筛选和过滤，例如在地区选择、商品分类等场景。下面将详细讲解如何在ASP中实现这些功能。 ### 二级联动下拉框 二级联动下拉框是指两个下拉框...
在前端开发中，三级联动是一种常见的交互设计，尤其在处理分类或地理位置数据时。这个"非常好用的城市三级联动或者分类三级联动"项目提供了一个高效且实用的解决方案，适用于那些需要在用户界面中实现多级选择功能的...
在移动端和H5开发中，省市区三级联动是一种常见的功能需求，主要用于地址选择，提供用户一个方便快捷的方式来选择他们的详细地址。本示例提供了一款适用于这两种平台的三级联动组件，下面将详细介绍这个功能及其实现...
世界级地区三级联动数据库sql，包括建表语句等支持直接导入MySql