关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日)

这篇博客和前一篇博客基本相同,只是显示的默认值不同:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
	<head>
		<title>年月日三级级联(默认依次显示请选择年、请选择月和请选择日)</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
		<script type="text/javascript">
			function removeChilds(id){
				var childs = document.getElementById(id).childNodes;//这一行代码和紧跟的下面的for循环用于清除原来日的下拉列表的select中的对节点
				for(var i=childs.length-1;i>=0;i--) {
					document.getElementById(id).removeChild(childs[i]);
				}
			}
			function setDay(){
				var yearToDate=document.getElementById("year").value;
				var monthToDate=document.getElementById("month").value;
				//alert(yearToDate+":"+monthToDate);
				var days=new Array(28,29,30,31);
				if(yearToDate==0||monthToDate==0){//如果是当前系统时间则设置默认的日
					var newOption = document.createElement("option");newOption.setAttribute("value",0);newOption.setAttribute("selected","selected");
					var textToNewOption=document.createTextNode("请选择日");newOption.appendChild(textToNewOption);
					document.getElementById("day").appendChild(newOption);
				}else{
					if(monthToDate==1||monthToDate==3||monthToDate==5||monthToDate==7||monthToDate==8||monthToDate==10||monthToDate==12){
						removeChilds("day");
						for( i=1; i<=days[3]; i++ ){
							var newOption = document.createElement("option");newOption.setAttribute("value",i);
							var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption);
							document.getElementById("day").appendChild(newOption);
						}
					}
					if(monthToDate==4||monthToDate==6||monthToDate==9||monthToDate==11){
						removeChilds("day");
						for( i=1; i<=days[2]; i++ ){
							var newOption = document.createElement("option");newOption.setAttribute("value",i);
							var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption);
							document.getElementById("day").appendChild(newOption);
						}
					}
					if(monthToDate==2){
						removeChilds("day");
						if(yearToDate%400==0||yearToDate%100!=0&&yearToDate%4==0){//闰年
							for( i=1; i<=days[1]; i++ ){
								var newOption = document.createElement("option");newOption.setAttribute("value",i);
								var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption);
								document.getElementById("day").appendChild(newOption);
							}
						}else{
							for( i=1; i<=days[0]; i++ ){
								var newOption = document.createElement("option");newOption.setAttribute("value",i);
								var textToNewOption=document.createTextNode(i);newOption.appendChild(textToNewOption);
								document.getElementById("day").appendChild(newOption);
							}
						}
					}
				}
			}
			function getMonth(){
				var m;
				document.write("<option value=0 selected=\"selected\">请选择月</option>");
				for(m=1;m<=12;m++) {
					document.write("<option value="+m+">"+m+"</option>");
				}
			}

			function getYear(){
				var y;
				var date=new Date();
				var fullYear=date.getFullYear();
				document.write("<option value=0 selected=\"selected\">请选择年</option>");
				for(y=fullYear-60;y<=fullYear;y++){
					document.write("<option value="+y+" >"+y+"</option>");
				}
			}
			function checkDay(){
				var yearToDate=document.getElementById("year").value;
				var monthToDate=document.getElementById("month").value;
				if(yearToDate==0||monthToDate==0){
					alert("请先选择年和日");
				}
			}
		</script>
	</head>
	<body>
		<select name="year" id="year" onChange="setDay();"><script type="text/javascript">getYear();</script></select>年
		<select name="month" id="month" onChange="setDay()"><script type="text/javascript">getMonth();</script></select>月
		<select name="day" id="day" onclick="checkDay()"></select>日<script type="text/javascript">setDay();<!--起到初始化日的作用。--></script>
	</body>
</html>

关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日),布布扣,bubuko.com

时间: 2024-10-11 05:25:12

关于时间的操作(JavaScript版)——年月日三级级联(默认依次显示请选择年、请选择月和请选择日)的相关文章

关于时间的操作(JavaScript版)——年月日三级联动(默认显示系统时间)

这个功能是大学时自己使用纯JavaScript写的,没有借助Jquery,呵呵呵,看起来有点繁琐,可是在当时依稀的记得功能实现后自己好好的高兴一把了呢,从现在来看那时候的自己是多么的幼稚.多么的无知: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>年月日三级联动(默认显示系统时间)</title> <

关于时间的操作(JavaScript版)——页面显示格式:年月日 上午下午 时分秒 星期

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

关于时间的操作(Java版)——将毫秒转换为年月日时分秒

第一种方式: import java.util.Calendar; import java.util.TimeZone; public class Test { /** * 将毫秒转换为年月日时分秒 * * @author GaoHuanjie */ public String getYearMonthDayHourMinuteSecond(long timeMillis) { Calendar calendar = Calendar.getInstance(TimeZone.getTimeZo

关于时间的操作(JavaScript版)——依据不同区时显示对应的时间

如今项目基本上告一段落了,难得有一定的闲暇,今天利用数小时完毕了一个功能模块--依据不同区时显示对应的时间,这方面网上基本没有现成的样例,如今将代码粘贴例如以下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html

关于时间的操作(Java版)——获取给定时间与当前系统时间的差值(以毫秒为单位)

import java.text.DateFormat; import java.text.SimpleDateFormat; import java.util.Date; public class Test { /** * 获取给定时间与当前系统时间的差值(以毫秒为单位) * * @author GaoHuanjie */ public long getTimeDifferenceBetweenSystemTimeAndParamTime(String paramTime) { DateFor

关于时间的操作(Java版)——获取距离系统时间N天后的日期时间信息

import java.util.Calendar; import java.util.TimeZone; public class Test { /** * 获取距离系统时间N天后的日期时间信息 * * @author GaoHuanjie */ public String getDateAfterNdays(int days){ Calendar calendar = Calendar.getInstance(TimeZone.getTimeZone("GMT+8")); cale

关于时间的操作(Java版)

本博文收录在编程过程中使用过的关于时间操作的Java代码: 1.获取给定日期N天后的日期 import java.util.Calendar; public class Test { public static void main(String[] args) { System.out.println(new Test().getDateAfterNDays("2012-05-10", 7));//输出2012-5-17 } /** * 获取给定日期N天后的日期 * * @author

JavaScript显示当前时间的操作

JavaScript一种直译式脚本语言,是一种动态类型.弱类型.基于原型的语言,内置支持类型.它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能.Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架.Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字.而变量提供存放信息的地方,表达式则可以

C#/JavaScript/SqlServer 对日期时间的操作整理汇总

前言:针对C#/JavaScript/SqlServer常用的对日期时间的操作函数抽时间做了一个整理,网络上有许多,但是许多都不全,这些都是时间日期常用的一些操作! 一.C# 常用日期时间操作 //获取日期+时间DateTime.Now.ToString();            // 2008-9-4 20:02:10DateTime.Now.ToLocalTime().ToString();        // 2008-9-4 20:12:12DateTime.Now.ToString(