`
hngmduyi
  • 浏览: 335949 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

日期三级级联

J# 
阅读更多
<select name="year" id="year"> 
   <option>选择年</option>         
</select> 
<select name="month" id="month"> 
   <option>选择月</option> 
</select> 
<select name="day" id="day"> 
   <option>选择日</option>
</select>

//取得当前年、月、日!
var nowTime=new Date();
var year=nowTime.getFullYear();
var month=nowTime.getMonth()+1;
var day=nowTime.getDate()
// var day=nowTime.getDay();
var mon=['31','28','31','30','31','30','31','31','30','31','30','31'];
function $(id){
   return document.getElementById(id)
}
 /*
  * 显示日期
  */
function showDate(){
  //写出年
   var num=0;
   for(var i=year;i>=year-30;i--){
	num++;
	$('year').options.add(new Option(i+"年",i));
	if(i==year){	
		$('year').options[num].selected=true;
	}	 
    }
   //写出月
   for(var j=1;j<=12;j++){
	$('month').options.add(new Option(j+"月",j));
	if(j==month){
		$('month').options[month].selected=true;
	}
   }
  //写出日
  changeDay(year,month);
  $('year').attachEvent('onchange',changeYear);
  $('month').attachEvent('onchange',changeMonth);	 
}
//判断是否为闰年
function isLeapYear(year){
     if((year%4==0&&year%100!=0)||(year%400==0)){
	return true;
     }else{
	return false;
     }
}
//根据所选年、月动态改变每月的天数!
function changeDay(y,m){
     var sum=0;
     if(isLeapYear(y)&& m==2){
	sum=parseInt(mon[m-1])+1;
     }else{
	sum=mon[m-1];
     }
     for(var k=1;k<=sum;k++){
	$('day').options.add(new Option(k+"日",k));
	if(k==day){
		$('day').options[day].selected=true;
	}
      }
}
//变化年
function changeYear(){
	$('month').options.selectedIndex = 1;
	$('day').options.selectedIndex = 1;
}
//变化月份
function changeMonth(){
	var Year = $('year').options[$('year').selectedIndex].value;
	var Month = $('month').options[$('month').selectedIndex].value;
	$('day').options.length = 1;
	changeDay(Year,Month); 
	$('day').options.selectedIndex = 1;
}

分享到:
评论

相关推荐

    javaScript日期三级级联

    在JavaScript编程中,日期三级级联是指在一个用户界面中,用户选择年份后,月份的选择会自动更新为对应年份的月份,接着选择月份后,日期的选择也会相应更新为该月的有效日期。这种功能常见于日历插件、预约系统等...

    jsp出生日期三级级联下拉列表

    在本文中,我们将深入探讨如何在JSP(JavaServer Pages)中实现一个基于JavaScript的出生日期三级级联下拉列表。这种功能常用于用户注册、个人信息填写等场景,让用户能够方便地选择他们的出生年、月和日。 首先,...

    angularjs 地区三级级联

    在本文中,我们将深入探讨如何使用AngularJS实现地区三级级联功能,这通常涉及到省、市、区的联动选择。AngularJS是一个强大的JavaScript框架,它提供了丰富的功能来构建动态单页应用(SPA)。在这个场景中,我们使用...

    uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip

    在"uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip"这个压缩包中,包含了实现这种级联选择的示例代码。 uni-app是一个多端统一的开发框架,它可以将同一份代码编译到iOS、Android、H5、小程序等...

    推荐2款Android安卓APP 三级联动的选择控件.zip

    在Android应用开发中,"三级联动"是一种常见的交互设计,特别是在选择特定信息时,如日期、地区等。这种设计涉及到三个互相依赖的下拉菜单,每个菜单的选择会影响到下一个菜单的选项。例如,从年到月再到日的选择,...

    Android Wheel滚轮二级级联

    在Android开发中,"Android Wheel滚轮二级级联"是一个常见的用户界面元素,它用于创建类似于滚轮选择器的效果,通常用于日期选择、选项选择等场景。滚轮级联意味着在一个滚轮选择后,第二个滚轮会根据第一个滚轮的...

    JQuery写的日期级联下拉菜单

    这里我们讨论的“JQuery写的日期级联下拉菜单”是一个利用jQuery库实现的交互式用户界面组件,允许用户通过三个连续的下拉列表分别选择年、月和日。这种设计使得用户能够快速、准确地输入日期,同时保持页面的简洁性...

    js出生日期 年月日级联菜单示例代码

    4.如何实现js出生日期年月日级联菜单:通过js脚本,我们可以动态生成年份、月份、日期的下拉列表,并通过onchange事件触发下一级菜单的更新。例如,当选中一个年份后,我们可以根据该年份是不是闰年来确定二月有多少...

    微信小程序 省市区三级联动选择

    微信小程序的省市区三级联动选择是一个常见的功能,用于在用户输入地址时提供便捷的选择体验。这一功能涉及到小程序的UI设计、数据处理以及事件交互等多个方面。以下是对这一知识点的详细阐述: 1. **UI组件使用**...

    JS时间级联

    在JavaScript(JS)编程中,时间级联是指创建一个交互式用户界面,通常是一个下拉框,用于选择日期,如年、月、日。这种级联效果使得用户能够逐级选择,先选年份,再选月份,最后选日期,确保所选日期的有效性和一致...

    JS年月日三级联动下拉框日期选择代码

    本文将详细讲解如何使用JavaScript实现年、月、日三级联动的下拉框日期选择器。 首先,我们需要理解“三级联动”这个概念。在年月日的日期选择器中,"三级联动"意味着当用户在一级(年份)下拉框中选择一个年份后,...

    Android日期选择器实现年月日三级联动

    最近项目里面用到了一个日期选择器,实现现在主流的WheelView滑动选择,整理了下,做了个Demo.废话不多说,直接上代码. 主布局:activity_main.xml &lt;?xml version=1.0 encoding=utf-8?&gt; &lt;RelativeLayout ...

    用Struts2+Spring+Hibernate三大框架完成的级联操作

    本项目通过这三大框架实现了一个级联操作,具体涉及到了省市县以及年月日的选择,这种级联下拉菜单在实际应用中常常用于地址填写或日期选择等场景。 Struts2是基于MVC设计模式的Web框架,主要负责处理用户的请求和...

    jQuery时间日期三级联动(推荐)

    在本文中,我们将深入探讨如何使用jQuery实现时间日期三级联动的效果。这个效果通常用于日历选择器或表单中,用户可以选择年、月、日,而下级的选择会根据上一级的选择动态更新。以下是实现这一功能的关键知识点: ...

    Android自定义WheelView地区选择三级联动

    在Android开发中,有时我们需要实现一个地区选择功能,这通常涉及到三级联动的选择,例如省-市-区。在这个场景中,`WheelView`是一个常用的组件,它可以创建滚动选择器,适用于这种多级选择的需求。本篇文章将深入...

    spring jpa操作数据库 级联数据 hibernate

    通过PPTX文件"ssj框架搭建",我们可以了解到如何配置这三个框架,实现它们之间的协作。 6. **示例项目和资源:** - "JPA+-amp+Hibernate+注解+.doc"可能包含了关于使用注解配置JPA和Hibernate的详细示例。 - "JPA...

    时间选择器和三级联动选择器

    "时间选择器"和"三级联动选择器"是常见的交互元素,广泛应用于各种应用程序和网站中,尤其是那些需要用户输入特定时间或进行多级筛选的场景。 时间选择器是一种允许用户方便地选取日期、时间或者日期时间的组件。它...

    基于zepto的mobiscroll版时间 日期 下拉 省市区级联

    总的来说,"基于zepto的mobiscroll版时间 日期 下拉 省市区级联"是一个高效、易用的解决方案,它将轻量级的前端库与强大的插件结合,为移动应用提供了优质的交互体验。开发者可以通过学习和使用这一技术,提升自己在...

    javascript实现日期三级联动下拉框选择菜单

    在JavaScript编程中,实现日期三级联动下拉框选择菜单是一种常见的需求,特别是在处理用户输入日期信息的场景,如编辑生日等。这个功能的核心是通过JavaScript动态更新下拉框(Select元素)的选项,使得年、月、日...

    android 之Spinner下拉菜单实现级联

    5. **级联效果的扩展**:如果需要实现更复杂的级联,如第三级、第四级等,只需在前一级的监听事件中继续更新后续Spinner的数据即可。 总结来说,Android中实现Spinner的级联效果主要涉及以下几个步骤: - 准备各...

Global site tag (gtag.js) - Google Analytics