Java Script写的日历

最新推荐文章于 2022-05-29 18:58:58 发布

好吃的肥牛

最新推荐文章于 2022-05-29 18:58:58 发布

阅读量1.3k

点赞数

分类专栏：网页制作文章标签：日历 java stylesheet javascript table border

本文链接：https://blog.csdn.net/yzxushu/article/details/255248

版权

网页制作专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天做了一个留言本ASP写的，无意中看到了这个JS脚本写出来的日历，还是大学的时候完成的作业，现在想起来那时候的自己，还是比较天真的阿，呵呵!
具体都记不得是怎么写出来的了，反正比较简单，用了几个小函数，花了一个小时，调试了半个小时，应该没有什么BUG吧，汗....

<head>
<link rel="stylesheet" type="text/css" href="Skin.css">
<style>

</style>
</head>
<div align="center">
<script language ="javascript">
my = new Date();
//***************************************************函数开始，这是用来显示日历的***********************
function showc()
{
document.write ("<div align='center'>");
var k=1;
var j=1;
var today;
var tomonth;
var theday=1;//日期
var max;
var temp;
var tempday;//这个月第一天的星期
document.write (my.getFullYear() + "-" + (my.getMonth()+1));
document.write ("<table border='1' width='273' height='158'>");
document.write ("<tr>");
  document.write ("<td height='23' width='39'><font color='red'>Sun</font></td>");
  document.write ("<td height='23' width='39'>Mon</td>");
  document.write ("<td height='23' width='39'>Tue</td>");
  document.write ("<td height='23' width='39'>Wed</td>");
  document.write ("<td height='23' width='39'>Thu</td>");
  document.write ("<td height='23' width='39'>Fri</td>");
  document.write ("<td height='23' width='39'>Sat</td>");
document.write ("</tr>");
temp=my.getDate();
my.setDate(1);
//document.write (my.getDate());
tempday=my.getDay();//返回第一天是星期几
my.setDate(temp);
today=my.getDay();//返回现在星期几

  switch ((my.getMonth()+1))
  {
    case 1:
    case 3:
    case 5:
    case 7:
    case 8:
    case 10:
    case 12:
     max=31;
     break;
    case 4:
    case 6:
    case 9:
    case 11:
     max=30;
     break;
    default:
     max=29;//这里没有考虑闰月！！
     //document.write (max);
     break;
    }
for(k=0;k<6;k++)
{
document.write ("<tr>");
  for(j=0;j<=6;j++)
  {

   document.write ("<td height='23' width='39'>");
   if (j>=(tempday))
   {
    tempday=0;//设置为最小，相当于取消判断条件
    if (theday<=max)
    {
     document.write ("<a title=" + my.getFullYear() + "-" + (my.getMonth()+1) + "-" +theday + " target='_blank' href=detail.asp?date=" + theday + ">");
     if (theday==my.getDate())
      document.write ("<font color='green'>[" + theday + "]</font></a>");
     else
      if (j==0)
       document.write ("<font color='red'>" + theday + "</font></a>");
      else
       document.write (theday + "</a>");
     theday++;
    }
   }
   document.write ("</td>");


  }

document.write ("</tr>");
document.write ("</div>");
}

document.write ("</table>");
}
//************************************************函数结束

showc();
</script>
</div>

好吃的肥牛

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Java Script写的日历

今天做了一个留言本ASP写的，无意中看到了这个JS脚本写出来的日历，还是大学的时候完成的作业，现在想起来那时候的自己，还是比较天真的阿，呵呵!具体都记不得是怎么写出来的了，反正比较简单，用了几个小函数，花了一个小时，调试了半个小时，应该没有什么BUG吧，汗....table { text-align: center }-->my = new Date();//**
复制链接

扫一扫