一个Blog日历,而非一个完整的日历控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
<.today {
background-color: #CCD5D7; font-weight: bold; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt
}
.hasrecord { background-color: #DBE1E3 ; font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt}
.cc { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt}
.hd {  cursor: pointer; font-size: 8pt; font-family: "Georgia", "Times New Roman", "Times", "serif"}
.mainddbg {  background-color: #cccccc}
.headbg {  background-color: #6694DF}
.datehead {  color: #FFFFFF}
.eachdaytext {  color: #000000}
.eachdaybg {  background-color: #F5F5F5}
.weekday{  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8pt}
>
</style>
</HEAD>

<BODY>
<span id=myBlogCalendar style="width:190"></span>
</BODY>
<script language=javascript>
//myCalendar函数中dd参数表示mm月的天数,默认为1
//setLink中的dt是当前日期,cs是当月中的日子
//write by seraph_xu 2005-1-10
function setLink(dt,cs)
{
dc=dt;
dt=dt+",";
var strPostdate="2006-1-9,2005-1-3,2006-1-2,2006-1-6,2006-1-4,2006-1-6,";
d = new Date();
if(strPostdate.indexOf(dt)!=-1)
{
    if(cs!=d.getDate())
      return "<div class=hasrecord><a href=index.html?dd="+dc+"><font class=eachdaytext>"+cs+"</font></a></div>";
    else
    {
    if (cs>d.getDate())
      {
       return "<span class=cc>"+cs+"</span>";
      }
      else
      {
       return "<div class=today><a href=index.html?dd="+dc+" ><font class=eachdaytext>"+cs+"</font></a></div>";
      }
    }
}
else
{
    if(cs==d.getDate())
  return "<div class=today>"+cs+"</span>";
 else
     return "<span class=cc>"+cs+"</span>";
}
}

function myCalendar(yy,mm,dd)
{
   var arrDay=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
   if(dd==1)
      dd=arrDay[mm-1];
   switch(mm-1)
   {
     case 0:
     strMonth="January";
     break;
  case 1:
     strMonth="February";
   break;
 case 2:
     strMonth="March";
  break;
 case 3:
     strMonth="April";
  break;
 case 4:strMonth="May";
  break;
 case 5:
     strMonth="June";
  break;
 case 6:strMonth="July";
  break;
 case 7:
     strMonth="August";
  break;
 case 8:
     strMonth="September";
  break;
 case 9:
     strMonth="October";
  break;
 case 10:
     strMonth="November";
  break;
 case 11:
     strMonth="December";
  break;
   }
   var thisYear=yy;
   var thisMonth=mm-1;
   var lastDay=dd;
   if(thisMonth==1)
   {
      if (thisYear%4==0 || (thisYear%100==0 && thisYear%400==0))
     {
     lastDay=29;
  arrDay[1]=29;
      }
   else
  {
   lastDay=28;
  arrDay[1]=28;
   }
 }
 preYear=yy;
 nextYear=yy;
 preMonth=mm-1;
 nextMonth=mm+1;
 if(mm>1)
   preDay=arrDay[mm-2];
 if(mm<12)
   nextDay=arrDay[mm];
 if(preMonth<1)
 { preMonth=12;
   preYear--;
   preDay=arrDay[11];
 }
 if(nextMonth>12)
 {
   nextMonth=1;
   nextDay=arrDay[0];
   nextYear++;
 }
 tempstr="<table width=100% border=0 cellspacing=1 cellpadding=2 class=mainddbg id=cctb><tr><td colspan=7 class=headbg><table width=100% cellspacing=0 cellpadding=0>";
 tempstr+="<tr><td align=left width=32><span class=hd  title=/'上一年/' οnclick=myCalendar("+parseInt(yy-1)+","+parseInt(mm)+","+dd+")>&lt;&lt;</span> <span class=hd title=/'上一月/' οnclick=myCalendar("+preYear+","+preMonth+","+preDay+")>&lt;</span></td>";
 tempstr+="<td align=center class=cc><font class=datehead><b>:"+strMonth+" "+thisYear+":</b></font></td>";
 tempstr+="<td align=right width=32><span class=hd title=/'下一月/' οnclick=myCalendar("+nextYear+","+nextMonth+","+nextDay+")>&gt;</span> <span class=hd title='下一年' οnclick=myCalendar("+parseInt(yy+1)+","+parseInt(mm)+","+dd+")>&gt;&gt;</span></td></tr></table></td></tr>";
 tempstr+="<tr class=cc><td align=center class=weekday>Sun</td><td align=center class=weekday>Mon</td><td align=center class=weekday>Tue</td><td align=center class=weekday>Wed</td><td align=center class=weekday>Thu</td><td align=center class=weekday>Fri</td><td align=center class=weekday>Sat</td></tr>";
 tempstr+="<tr>";
 thisDate = new Date();
 thisDate.setFullYear(thisYear,thisMonth,1);
 firstDay=thisDate.getDay();
 cells=42;//格子数
 if (lastDay<31 || firstDay==0)
    cells=36;
 for(i=0;i<cells;i++)
 {
    tempstr+="<td class=eachdaybg><div align=center>";
    if (firstDay<=i && i<firstDay+lastDay)
    {
       days=i-firstDay+1;
    currDate=(thisYear+"-"+parseInt(mm)+"-"+days).toString();
    tempstr+=setLink(currDate,days);
  }
  tempstr+="</center></td>";
  if ((i+1) % 7 ==0)
     tempstr+="</tr><tr id=tb>";
 }
 tempstr+="</tr></table>";
 document.getElementById('myBlogCalendar').innerHTML=tempstr;
 newtb=document.all("tb");
 for(j=0;j<newtb.length;j++)
 {
    if (newtb[j].innerHTML=="")
    {
       newtb[j].removeNode(true);
  }
 }
 if(cctb.rows[cctb.rows.length-1].cells[0].innerText=="")
  cctb.deleteRow();
}
myCalendar(2006,2,1);
</script>
</HTML>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值