一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

首页游戏下载软件下载专题资讯教程 php教程 asp.net教程 css教程网页制作网页特效手机开发办公数码

+ -

当前位置：一聚教程网 > 网页特效 > 时间日期

推荐专题

最新下载

1

现代汽车漂移
98.4MB 类型： 赛车竞速
2

极限摩托大作战
44.7MB 类型： 赛车竞速
3

糖果精灵传奇免费版
584.86MB 类型： 休闲益智
4

超级汽车驾驶模拟器
205.1MB 类型： 赛车竞速
5

卡丁车魔幻之旅
6.8MB 类型： 赛车竞速
6

雷克特特技赛车
67.7MB 类型： 赛车竞速
7

自走棋战棋争霸
147.8MB 类型： 策略塔防
8

涂鸦军团2迷你民兵
67.16MB 类型： 射击枪战
9

火柴人枪战精英
98.30MB 类型： 射击枪战
10

万圣节魔法美妆游戏
122.81M 类型： 休闲益智

热门教程

1

诛仙2鬼王怎么加点鬼王加点推荐
时间：2025-08-20 类型： 游戏攻略
2

诛仙2见影灵泉奇遇任务怎么做见影灵泉奇遇任务流程攻略
时间：2025-08-20 类型： 游戏攻略
3

三国天下归心诸葛亮怎么样诸葛亮技能介绍一览
时间：2025-08-20 类型： 游戏攻略
4

三国天下归心追击队怎么玩追击队玩法教学
时间：2025-08-20 类型： 游戏攻略
5

三国天下归心武将怎么获得武将获取方法
时间：2025-08-20 类型： 游戏攻略
6

星痕共鸣剧毒蜂巢怎么获取剧毒蜂巢获取攻略
时间：2025-08-20 类型： 游戏攻略
7

新三国志曹操传李儒之影怎么打李儒之影打法教学
时间：2025-08-20 类型： 游戏攻略
8

辉烬队伍怎么搭配配队攻略指南
时间：2025-08-20 类型： 游戏攻略
9

创造吧我们的星球种田玩法怎么玩种田玩法介绍一览
时间：2025-08-20 类型： 游戏攻略
10

华夏千秋怎么表白表白方法一览
时间：2025-08-20 类型： 游戏攻略

js 日期程序

时间：2022-07-02 15:31:01 编辑：袖梨来源：一聚教程网

提示：您可以先修改部分代码再运行

<script language="JavaScript">
 var months = new Array("一", "二", "三","四", "五", "六", "七", "八", "九","十", "十一", "十二");
 var daysInMonth = new Array(31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31);
 /*若要将星期日移至星期六之后，此地需改*/
 //var days = new Array("日","一", "二", "三","四", "五", "六");
 var days = new Array("一", "二", "三","四", "五", "六","日");
 var classTemp;
 var today=new getToday();
 var year=today.year;
 var month=today.month;
 var newCal; 
var oldDate = '2006-03-20';//第一个payroll
 function getDays(month, year) {
	if (1 == month) return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
	else return daysInMonth[month];
 }
 function getToday() {
	this.now = new Date();
	if(document.all.year == null || document.all.year.value == '')
	{
		this.year = this.now.getFullYear();
		this.month = this.now.getMonth();
		this.day = this.now.getDate();
	}
	else
	{
		//alert(document.all.month.value)
		this.year = document.all.year.value;
		this.month = document.all.month.value;
		this.day = this.now.getDate();
	}  
 }
//两个日期相距天数
function DateDiff(sDate1, sDate2){   //sDate1和sDate2是2002-12-18格式 
	var aDate, oDate1, oDate2, iDays 
	aDate = sDate1.split("-") 
	oDate1 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0])   //转换为12-18-2002格式 
	aDate = sDate2.split("-") 
	oDate2 = new Date(aDate[1] + '-' + aDate[2] + '-' + aDate[0]) 
	iDays = parseInt(Math.abs(oDate1 - oDate2) / 1000 / 60 / 60 /24)   //把相差的毫秒数转换为天数 
	return iDays 
} 
function Calendar() {  
	newCal = new Date(year,month,1);
	today = new getToday(); 
	var todayMonth = today.month + 1;
	var nowDate = today.year+'-'+ todayMonth +'-'+today.day;//当前日期
	var nDay = DateDiff(oldDate,nowDate);//相差天数 
	var n = nDay + 1;
	var nWeek = 0;
	if(n%7 == 0)//如果刚好整除
	{
		nWeek = n / 7;
	}
	else
	{
		nWeek = parseInt(n / 7) + 1;
	}
    //alert(nowDate+'-'+oldDate+'='+n)
    //alert(nWeek);
	var day = -1;
	var startDay = newCal.getDay();
	//getDay()方法所返回的值是一个处于 0 到 6 之间的整数
	//0 星期天 1 星期一 2 星期二 3 星期三 4 星期四 5 星期五 6 星期六 
	//但是在此外，0是星期一，而6是星期天，所以需要一个转换
	if(startDay == 0)
	{
		startDay = 6;
	}
	else
	{
		startDay = startDay - 1;
	}
	
	var endDay=getDays(newCal.getMonth(), newCal.getFullYear());
	var daily = 0;
	if ((today.year == newCal.getFullYear()) &&(today.month == newCal.getMonth()))
	{
		day = today.day;
	}
	var caltable = document.all.caltable.tBodies.calendar;
	var intDaysInMonth =getDays(newCal.getMonth(), newCal.getFullYear());
	for (var intWeek = 0; intWeek < caltable.rows.length;intWeek++)//总共有6行
	{
		for (var intDay = 0;intDay < caltable.rows[intWeek].cells.length;intDay++)//总共有7列
		{
			var cell = caltable.rows[intWeek].cells[intDay];//创建第几行第几列
			var montemp=(newCal.getMonth()+1)<10?("0"+(newCal.getMonth()+1)):(newCal.getMonth()+1);  //显示月份     
			 /*若要将星期日移至星期六之后，此地需改*/
			//if ((intDay == startDay) && (0 == daily))
			if ((intDay == startDay) && (0 == daily))
			{ 
				daily = 1;
			}
			var daytemp=daily<10?("0"+daily):(daily);
			var d="<"+newCal.getFullYear()+"-"+montemp+"-"+daytemp+">";
			
			if ((daily > 0) && (daily <= intDaysInMonth))
			{
			    var nnDaily = today.year+'-'+ todayMonth +'-'+daily;
				var nnDay = DateDiff(oldDate,nnDaily);//相差天数 
				var nn = nnDay + 1;
				//alert(oldDate+'      -        '+nnDaily+'       =           '+nn)
				var dailyWeek = 0;
				if(nn%7 == 0)//如果刚好整除
				{
					dailyWeek = nn / 7;
				}
				else
				{
					dailyWeek = parseInt(nn / 7) + 1;
				}
				//alert(nWeek)
				//nWeek当前这个星期
				//for(var i = 1; i <= nWeek; i++)//从第一个星期到现在这个星期
				//{
					if(nWeek == dailyWeek || nWeek == dailyWeek-1)//
					{
						//if(day==daily) cell.className="DayNow";//如果是今天，则样式为：DayNow
						//else if(intDay==5) cell.className = "DaySat";//如果是星期六，则样式为：DaySat
						//else if (intDay==6) cell.className ="DaySun";//如果是星期天，则样式为：DaySun
						if(nWeek == dailyWeek)
						{
							if(intDay==4) 
							{
								cell.className = "DayNow";
							}
							else
							{
								cell.className="Day";
							}
						}
						else cell.className="Day";
					}
				//}
				cell.innerText = daily;
				daily++;
			} 
			else
			{
				cell.className="CalendarTD";
				cell.innerText = "";
			}
		}
	}
	document.all.year.value=year;
	document.all.month.value=month+1;
}
function subMonth()
{
	if ((month-1)<0)
	{
		month=11;
		year=year-1;
	} 
	else
	{
		month=month-1;
	}
	Calendar();
}
function addMonth()
{
	if((month+1)>11)
	{
		month=0;
		year=year+1;
	} 
	else
	{
		month=month+1;
	}
	Calendar();
}
function setDate() 
{
	if (document.all.month.value<1||document.all.month.value>12)
	{
		alert("月的有效范围在1-12之间!");
		return;
	}
	year=Math.ceil(document.all.year.value);
	month=Math.ceil(document.all.month.value-1);
	Calendar();
}
</script>
<script>
	function buttonOver()
	{
		var obj = window.event.srcElement;
		obj.runtimeStyle.<a href="https://www.1*11**cn.net/cssdiv/css.html" target="_blank">cssText = "background-color:#FFFFFF";
		// obj.className="Hover";
	}
	function buttonOut()
	{
		var obj = window.event.srcElement;
		window.setTimeout(function(){obj.runtimeStyle.cssText = "";},300);
	}
</script>
<style>
Input {font-family: verdana;font-size: 9pt;text-decoration: none;background-color: #FFFFFF;border: 1px solid #666666;color:#000000;}
.Calendar {font-family: verdana;text-decoration: none;width: 170;background-color: #C0D0E8;font-size: 9pt;border:0px dotted #1C6FA5;}
.CalendarTD {font-family: verdana;font-size: 7pt;color: #000000;background-color:#f6f6f6;width:11%;text-align: center;}
.Title {font-family: verdana;font-size: 11pt;font-weight: normal;text-align: center;color: #333333;text-decoration: none;background-color: #A4B9D7;border-top-border-right-border-bottom-border-left-border-bottom-style:1px;border-top-color: #999999;border-right-color: #999999;border-bottom-color: #999999;border-left-color: #999999;}
.Day {font-family: verdana;font-size: 7pt;color:#243F65;background-color: #E5E9F2;width:11%;text-align: center;}
.DaySat {font-family: verdana;font-size: 7pt;color:#FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;width: 12%;}
.DaySun {font-family: verdana;font-size: 7pt;color: #FF0000;text-decoration: none;background-color:#E5E9F2;text-align: center;width: 12%;}
.DayNow {font-family: verdana;font-size: 7pt;font-weight: bold;color: #000000;background-color: #FFFFFF;text-align: center;}
.DayTitle {font-family: verdana;font-size: 9pt;color: #000000;background-color: #C0D0E8;width:11%;text-align: center;}
.DaySatTitle {font-family: verdana;font-size: 9pt;color:#FF0000;text-decoration: none;background-color:#C0D0E8;text-align: center;width: 12%;}
.DaySunTitle {font-family: verdana;font-size: 9pt;color: #FF0000;text-decoration: none;background-color: #C0D0E8;text-align: center;width: 12%;}
.DayButton {font-family: Webdings;font-size: 9pt;font-weight: bold;color: #243F65;cursor:hand;text-decoration: none;}
</style>
<table border="0" cellpadding="0" cellspacing="1" class="Calendar" id="caltable">
<thead>
     <tr align="center" valign="middle"> 
  <td colspan="7" class="Title">
    <input name="year" type="text" size="4" maxlength="4" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 年 <input name="month" type="text" size="1" maxlength="2" onkeydown="if (event.keyCode==13){setDate()}" onkeyup="this.value=this.value.replace(/[^0-9]/g,'')" onpaste="this.value=this.value.replace(/[^0-9]/g,'')"> 月 
  </td>
 </tr>
 <tr align="center" valign="middle"> 
  <script language="JavaScript">  
/*若要将星期日移至星期六之后，此地需改*/
//document.write("<TD class=DaySunTitle id=diary >" + days[0] + ""); //显示“日”
//for (var intLoop = 1; intLoop < days.length-1;intLoop++) 
//{
//document.write("<TD class=DayTitle id=diary>" + days[intLoop] + ""); //显示：一，二，三，四，五;
//}
//document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + ""); //显示：六;
for (var intLoop = 0; intLoop < days.length-2;intLoop++) //将1修改为0，并将减1修改为减2
{
document.write("<TD class=DayTitle id=diary>" + days[intLoop] + ""); //显示：一，二，三，四，五;
}
document.write("<TD class=DaySatTitle id=diary>" + days[intLoop] + ""); //显示：六;
document.write("<TD class=DaySunTitle id=diary >" + days[intLoop+1] + ""); //将days[0]修改为days[intLoop+1]
  </script>
 </tr> 
</thead>
<tbody border="1" cellspacing="0" cellpadding="0" id="calendar" align="CENTER" onclick="getDiary()">
 <script language="JavaScript">
  for (var intWeeks = 0; intWeeks < 6; intWeeks++)
  {
   document.write("<TR style='cursor:hand'>");
   for (var intDays = 0; intDays < days.length;intDays++) document.write("<TD class=CalendarTD onMouseover='buttonOver();' onMouseOut='buttonOut();'>");
   document.write("");
  } 
 </script>
</tbody>
</table>
<script language="JavaScript">
 Calendar();
</script>

提示：您可以先修改部分代码再运行

相关文章

热门栏目