javascript 制作日历

最新推荐文章于 2024-05-17 14:54:19 发布

cheng151577

最新推荐文章于 2024-05-17 14:54:19 发布

阅读量672

点赞数

文章标签： javascript border table xhtml html 日历

本文链接：https://blog.csdn.net/cheng151577/article/details/1946925

版权

<!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-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<table>
<tr>
  <td>
  <script language="javascript" type="text/javascript">
  //定义一个数组,存放每个月的天数
  var monthDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
  //闰年,则二月份的天数未29天
  var today=new Date();
  var year=today.getYear();
  if(year<2000){year=year+1900;}
  //判断是否是闰年
  if((year%4==0&&year%100!=0) || (year%400==0)) monthDays[1]=29;
  //获取本月天数
  var nDays=monthDays[today.getMonth()];
  //获取本月
  var thisMonth=today.getMonth()+1;
  //获取本日
  var thisDate=today.getDate();
  //获取星期
  var dayNames=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六");
  var thisDay=dayNames[today.getDay()];
  document.write("<div id='rili' style='position:absolute;width:320px;'>")
  document.write("<TABLE width='180' BORDER='0' CELLSPACING='0' CELLPADDING='5' BGCOLOR='#138E90'>")
  document.write("<TR ><TD align='center' >");
  document.write("<table border='0' cellspacing='1' cellpadding='2' width='180' BGCOLOR='#ffffff' height='160'>");
  document.write("<TR><th colspan='7' >");
  //输出年月日星期
  document.writeln("<FONT STYLE='font-size:9pt;Color:#000000'>" + year + "年" + thisMonth + "月" + thisDate + "日 " + thisDay + "</FONT></th></TR>");
  //document.writetln("");
  //输出日一二三四五六
  document.writeln("<TR><TH><FONT STYLE='font-size:9pt;'>日</FONT></TH>");
  document.writeln("<th ><FONT STYLE='font-size:9pt;'>一</FONT></TH>");
  document.writeln("<TH ><FONT STYLE='font-size:9pt;'>二</FONT></TH>");
  document.writeln("<TH ><FONT STYLE='font-size:9pt;'>三</FONT></TH>");
  document.writeln("<TH ><FONT STYLE='font-size:9pt;'>四</FONT></TH>");
  document.writeln("<TH ><FONT STYLE='font-size:9pt;'>五</FONT></TH>");
  document.writeln("<TH ><FONT STYLE='font-size:9pt;'>六</FONT></TH>");
  document.writeln("</TR>");
  document.writeln("<TR>")
  //判断每个月1号是星期几
  var firstDay=today;
  firstDay.setDate(1);
  startDay=firstDay.getDay();
  var colnums=0;
  for(i=0;i<startDay;i++)
  {
   document.writeln("<td></td>");
   colnums++;
  }
  //输出本月天数
  for(i=1;i<=nDays;i++)
  {
   if(i==thisDate)
   {
    document.writeln("<TD ALIGN='CENTER' BGCOLOR='#666666'><FONT STYLE='font-size:9pt;Color:#ffffff'>")
    document.writeln("<FONT Color='#ffffff'>"+i+"</font></font>");
    document.writeln("</td>");
   }
   else
   {
    document.writeln("<TD ALIGN='CENTER' BGCOLOR='#FFFFFF'><FONT STYLE='font-size:9pt;'>")
    document.writeln(i);
    document.writeln("</font></td>");
   }
   colnums++;
   if(colnums==7)
   {
    document.writeln("<tr>");
    colnums=0;
   }
  }
  document.writeln("</TABLE>")
  document.writeln("</TD></TR></TABLE></div>");

</script>
</td>
</tr>
</table>
</body>
</html>

cheng151577

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript 制作日历

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档 //定义一个数组,存放每个月的天数 var monthDays=new Array(31,28,31,30,31,30,31,31,30,31,30,31); //闰年,则二月份的天数未29天 v
复制链接

扫一扫