页面导航：首页 → 网络编程 → javascript → 网页特效 → 时间日期 → 正文内容

一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<!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" lang="gb2312"> 
<head> 
<head> 
<title> Basic Calendar </title> 
<meta http-equiv="content-type" content="text/html; charset=gb2312" /> 
<style type="text/css"> 
.main { 
width:200px; 
border:0px solid black; 
text-align:center; 
} 
.month { 
background-color:black; 
font:bold 12px verdana; 
color:white; 
} 
.daysofweek { 
background-color:gray; 
font:bold 12px verdana; 
color:white; 
} 
.days { 
font-size: 12px; 
font-family:verdana; 
color:black; 
background-color: lightyellow; 
padding: 2px; 
} 
.days #today{ 
font-weight: bold; 
color: red; 
} 
</style> 
<script type="text/javascript"> 
function buildCal(m, y, cM, cH, cDW, cD, brdr){ 
var mn=['January','February','March','April','May','June','July','August','September','October','November','December']; 
var dim=[31,0,31,30,31,30,31,31,30,31,30,31];

var oD = new Date(y, m-1, 1); //DD replaced line to fix date bug when current day is 31st 
oD.od=oD.getDay()+1; //DD replaced line to fix date bug when current day is 31st

var todaydate=new Date() //DD added 
var scanfortoday=(y==todaydate.getFullYear() && m==todaydate.getMonth()+1)? todaydate.getDate() : 0 //DD added

dim[1]=(((oD.getFullYear()%100!=0)&&(oD.getFullYear()%4==0))||(oD.getFullYear()%400==0))?29:28; 
var t='<div class="'+cM+'"><table class="'+cM+'" cols="7" cellpadding="0" border="'+brdr+'" cellspacing="0"><tr>'; 
t+='<td colspan="7" class="'+cH+'">'+mn[m-1]+' - '+y+'</td></tr><tr>'; 
for(s=0;s<7;s++)t+='<td class="'+cDW+'">'+"SMTWTFS".substr(s,1)+'</td>'; 
t+='</tr><tr>'; 
for(i=1;i<=42;i++){ 
var x=((i-oD.od>=0)&&(i-oD.od<dim[m-1]))? i-oD.od+1 : ' '; 
if (x==scanfortoday) //DD added 
x='<span id="today">'+x+'</span>' //DD added 
t+='<td class="'+cD+'">'+x+'</td>'; 
if(((i)%7==0)&&(i<36))t+='</tr><tr>'; 
} 
return t+='</tr></table></div>'; 
} 
</script>  
</head> 
<body> 
<script type="text/javascript">

var todaydate=new Date() 
var curmonth=todaydate.getMonth()+1; //get current month (1-12) 
var curyear=todaydate.getFullYear(); //get current year

document.write(buildCal(curmonth, curyear, "main", "month", "daysofweek", "days", 0)); 
</script> 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

浏览次数：载入中... 打印本文关闭本文返回首页

0

顶一下

上一篇文章：一个可以显示阴历的JS代码
下一篇文章：js显示当前星期的起止日期的脚本

·在百度中搜索关于“一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试”相关内容
·在谷歌中搜索关于“一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试”相关内容

文章评论

共有位脚本之家网友发表了评论我来说两句

一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

文章评论

同类文章

最近更新

热点排行

一个简单的日历代码 (For: FF1+ IE5+ Opr7+)测试

文章评论

同 类 文 章

最 近 更 新

热 点 排 行

同类文章

最近更新

热点排行