asp显示日历效果

作者: 硬不硬只有我知道
来源: 51数据库
2021-08-02

<p><style>
td { font-family: "宋体"; font-size:9pt}
</style>
<body bgcolor="eeeeee">
<table width="180" cellpadding="0" cellspacing="1" bgcolor="dddddd" align="center">
<%
'以下为asp中通过该日历算法实现的具体代码</p>
<p> '先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
 if request("reqdate")="" then
   currentdate=date
 else
   currentdate=trim(request("reqdate"))
 end if 
 pyear=year(currentdate)
 pmonth=month(currentdate)</p>
<p> '以下的代码生成日历显示的表格头内容
%>
  <tr align="left" bgcolor="#dddddd"> 
    <td width="14%" height="19" align="center">
  <input type="button" value="<<" onclick="javascript:location.m",-1,currentdate) %>'">
 </td>
    <td colspan="5" align="center">
  <%=pyear%>年<%=pmonth%>月
 </td>
    <td width="14%" align="center">
  <input type="button" value=">>" onclick="javascript:location.m",1,currentdate)%>'">
 </td>
  </tr>
  <tr align="center" bgcolor="#cccccc"> 
    <td width="14%" height="19"> 日</td>
    <td width="14%"> 一</td>
    <td width="14%"> 二</td>
    <td width="14%"> 三</td>
    <td width="14%"> 四</td>
    <td width="14%"> 五</td>
    <td width="14%"> 六</td>
  </tr>
  <tr align="center" bgcolor="ffffff" height="19">
  <%
  '由于asp中没有获取指定月共有多少天的函数，因此我们需要通过其他算法来获得，算法其实很简单，就是计算一下要显示月份的1日至下个月的1日一共相差几天
 fromdate = formatdatetime(month(currentdate) & "/1/" &  year(currentdate)) 
 todate = formatdatetime(dateadd("m",1,fromdate)) 
 '获得要显示月份的第一天为周几
 nunmonthstart=weekday(fromdate)-1
 '获得要显示的1日至下个月的1日一共相差几天(月份一共有多少天)
 nunmonthend=datediff("d",fromdate,todate)
 '判断显示日历需要用几行表格来显示（每行显示7天）
 if nunmonthstart+nunmonthend<36 then
   maxi=36
 else
   maxi=43
 end if
 '循环生成表格并显示
 i=1
 do while i<maxi
  iv=i-nunmonthstart
  if i>nunmonthstart and i<=nunmonthend+nunmonthstart then
   '如果为显示的是今天则用红色背景显示
   if iv=day(now) and month(now)=pmonth and year(now)=pyear then
    response.write( "<td align=center bgcolor=ffaaaa>" & iv & "</td>")
   else
    response.write( "<td align=center>" & iv & "</td>")
   end if
  else
   response.write( "<td> </td>")
  end if</p>
<p>  '如果能被7整除（每行显示7个）则输出一个换行
  if i mod 7=0 then
   response.write( "</tr><tr align=center bgcolor=ffffff height=19>")
  end if
  i=i+1
 loop
%>
</tr></table>
</body>

[ctrl+a 全选注:如需引入外部js需刷新才能执行]