【转】各种Web脚本下，日历的实现方法。

最新推荐文章于 2023-05-26 00:53:16 发布
最新推荐文章于 2023-05-26 00:53:16 发布
阅读量109 收藏 1
点赞数
文章标签： c# php java
原文链接：http://www.cnblogs.com/djbone/archive/2008/08/19/1271717.html
版权

在Web开发中我们经常会需要开发一些和日历相关的应用，自然需要制作一些日历程序，一些大家伙比如C#，JAVA或是VB.NET这些语言以往都有不少文章和示例介绍了，所以今天我给大家说一下其他常见Web脚步语言中的日历算法逻辑和具体的实现方式，希望对大家有用。

先看看我们的实现目标，就是在网页中通过脚本语言实现如下的日历：

 

要实现日历就必须用到相关语言中的日期和时间函数，其中最重要的是具有下面功能的两个函数：

  • 能返回指定日期是星期几的函数
  • 能返回指定年份和月份一共有多少天的函数，或者可以返回指定两个日期之间相差多少天的函数

只要语言中具有上面两个功能的函数就可以轻松实现日历。

实现日历的算法逻辑大致如下：

  1. 取得当前要显示的月份的1号是在星期几
  2. 取得当前要显示的月份一共有多少天
  3. 通过HTML的方式生成一个HTML的表格来显示日历（每行显示一周，并根据需要来决定是生成5行还是6行的表格）
  4. 根据显示的月份1号所在星期几空出前面的不属于该月日期的表格单元格
  5. 根据显示的月份1号所在星期几来决定生成表格时从星期几开始生成日历显示（第一天在星期几）
  6. 根据一共有多少天来顺次生成指定天数，另外每生成七个单元格需要加入一个表格的换行
  7. 补足HTML表格空缺的单元格

剩下的就是根据不同语言中具体的函数来实现了：

下面是根据上述算法和逻辑在asp中的具体实现代码：

 1 < style >
 2 td { font - family:  " 宋体 " ; font - size:9pt}
  3 </ style >
 4 < body bgcolor = " eeeeee " >
 5 < table width = " 180 "  cellpadding = " 0 "  cellspacing = " 1 "  bgcolor = " dddddd "  align = center >
 6 < %
  7 ' 以下为ASP中通过该日历算法实现的具体代码
 8
 9      ' 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
10      If  Request( " ReqDate " ) = ""   then
11          CurrentDate = Date
12      else
13          CurrentDate = Trim (Request( " ReqDate " ))
 14      end   if  
 15     pyear = year (CurrentDate)
 16     pmonth = month (CurrentDate)
 17
18      ' 以下的代码生成日历显示的表格头内容
19 % >
20    < tr align = " LEFT "  bgcolor = " #dddddd " >  
 21      < td width = " 14% "  height = " 19 "  align = " center " >
22          < input type = " button "  value = " << "  onclick = " javascript:location.href='?ReqDate=<%=DateAdd( " m " ,-1,CurrentDate) %>' " >
23      </ td >
24      < td colspan = " 5 "  align = " center " >
25          < % = pyear% > 年 < % = pmonth% > 月
 26      </ td >
27      < td width = " 14% "  align = " center " >
28          < input type = " button "  value = " >> "  onclick = " javascript:location.href='?ReqDate=<%=DateAdd( " m " ,1,CurrentDate)%>' " >
29      </ td >
30    </ tr >
31    < tr align = " center "  bgcolor = " #CCCCCC " >  
 32      < td width = " 14% "  height = " 19 " >  日 </ td >
33      < td width = " 14% " >  一 </ td >
34      < td width = " 14% " >  二 </ td >
35      < td width = " 14% " >  三 </ td >
36      < td width = " 14% " >  四 </ td >
37      < td width = " 14% " >  五 </ td >
38      < td width = " 14% " >  六 </ td >
39    </ tr >
40    < tr align = center bgcolor = ffffff height = 19 >
41    < %
 42    ' 由于ASP中没有获取指定月共有多少天的函数，因此我们需要通过其他算法来获得，算法其实很简单，就是计算一下要显示月份的1日至下个月的1日一共相差几天
43     fromDate  =   FormatDateTime ( month (CurrentDate)  &   " /1/ "   &    year (CurrentDate)) 
 44     toDate  =   FormatDateTime ( DateAdd ( " m " , 1 ,fromDate)) 
 45      ' 获得要显示月份的第一天为周几
46     nunmonthstart = weekday (fromDate) - 1
47      ' 获得要显示的1日至下个月的1日一共相差几天(月份一共有多少天)
48     nunmonthend = DateDiff ( " d " ,fromDate,toDate)
 49      ' 判断显示日历需要用几行表格来显示（每行显示7天）
50      if  nunmonthstart + nunmonthend < 36   then
51          maxi = 36
52      else
53          maxi = 43
54      end   if
55      ' 循环生成表格并显示
56     i = 1
57      do   while  i < maxi
 58         iv = i - nunmonthstart
 59          if  i > nunmonthstart  and  i <= nunmonthend + nunmonthstart  then
60              ' 如果为显示的是今天则用红色背景显示
61              if  iv = Day ( now )  and   month ( now ) = pmonth  and   year ( now ) = pyear  then
62                 response.write(  " <td align=center bgcolor=ffaaaa><a href='#' target=_blank> "   &  iv  &   " </a></td> " )
 63              else
64                 response.write(  " <td align=center><a href='#' target=_blank> "   &  iv  &   " </a></td> " )
 65              end   if
66          else
67             response.write(  " <td> </td> " )
 68          end   if
69
70          ' 如果能被7整除（每行显示7个）则输出一个换行
71          if  i  mod   7 = 0   then
72             response.write(  " </tr><tr align=center bgcolor=ffffff height=19> " )
 73          end   if
74         i = i + 1
75      loop
76 % >
77 </ table >
78 </ body >


具体实现效果如下：



下面是根据上述算法和逻辑在PHP中的具体实现代码：

 1 < style >
 2 td  { font-family: "宋体"; font-size:9pt}
 3 </ style >
 4 < body bgcolor = " eeeeee " >
 5 < table width = " 180 "  cellpadding = " 0 "  cellspacing = " 1 "  bgcolor = " dddddd "  align = center >
 6 <?
 7 // 以下为PHP中通过该日历算法实现的具体代码
  8
 9      // 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
10      if ($ReqDate == "" ) {
11        $pyear=date("Y");
12        $pmonth=date("m");
13        $CurrentDate=date("Y-m-j");
14    } else {
15        $ReqDateStrs = explode("-",$ReqDate );
16        $pyear=$ReqDateStrs[0];
17        $pmonth=$ReqDateStrs[1];
18        $CurrentDate=$ReqDate;
19    }
20
21 // 以下的代码生成日历显示的表格头内容
22 ?>
23 < tr align = " center "  bgcolor = " #dddddd " >  
 24      < td width = " 14% "  height = " 19 "  align = " center " >
25          < input type = " button "  value = " << "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth-1,1,$pyear)); ?>' " >
26      </ td >
27      < td colspan = " 5 "  align = " center " >
28          <?  echo $CurrentDate;  ?>
29      </ td >
30      < td width = " 14% "  align = " center " >
31          < input type = " button "  value = " >> "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth+1,1,$pyear)); ?>' " >
32      </ td >
33    </ tr >
34    < tr align = " center "  bgcolor = " #CCCCCC " >  
 35      < td width = " 14% "  height = " 19 " >  日 </ td >
36      < td width = " 14% " >  一 </ td >
37      < td width = " 14% " >  二 </ td >
38      < td width = " 14% " >  三 </ td >
39      < td width = " 14% " >  四 </ td >
40      < td width = " 14% " >  五 </ td >
41      < td width = " 14% " >  六 </ td >
42    </ tr >
43    < tr align = center bgcolor = ffffff height = 19 >
44 <?
45      // 获得要显示月份的第一天为周几
46     $nunmonthstart = date( ' w ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 47      // 获得要显示月份一共有多少天
48     $nunmonthend = date( ' t ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 49      // 判断显示日历需要用几行表格来显示（每行显示7天）
50      if ($nunmonthstart + $nunmonthend < 36 ) {
51        $maxi=36;
52    }
53      else {
54        $maxi=43;
55    }
56      // 循环生成表格并显示
57      for ( $i = 1 ; $i  < $maxi; $i ++ )
 58      {
59        $iv=$i-$nunmonthstart;
60        if($i>$nunmonthstart && $i<=$nunmonthend+$nunmonthstart) {
61            //如果为显示的是今天则用红色背景显示
62            if($iv==date("d") && date("n")==$pmonth && date("Y")==$pyear){
63                print( "<td align=center bgcolor=ffaaaa><a href='#' target=_blank>".$iv."</a></td>" );
64            }else{
65                print( "<td align=center><a href='#' target=_blank>".$iv."</a></td>" );
66            }
67        }else{
68            print( "<td> </td>" ); 
69        }
70
71        //如果能被7整除（每行显示7个）则输出一个换行
72        if ($i%7 ==0) {
73            print( "</tr><tr align=center bgcolor=ffffff height=19>" );
74        }
75    }
76 ?>
77 </ tr >
78 </ table >
79 </ body >
80 </ html >


具体实现效果如下：


下面是根据上述算法和逻辑在NoahWeb中的具体实现代码(一种面象动作驱动的语言)：

 

 1 <% @ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine"  %>
 2 < style >
 3td {}{ font-family: "宋体"; font-size:9pt}
 4 </ style >
 5 <!--  NoahComment 以下为NoahWeb表现层通过该日历算法实现的具体代码  -->
 6
 7 <!--  NoahComment 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示  -->
 8 <!--  NoahIf EX="[_root.ReqDate]==[null]"  -->
 9      <!--  NoahSetValue SetName="CurrentDate" SetValue="date('O',mktime())"   -->
10 <!--  NoahElse  -->
11      <!--  NoahSetValue SetName="CurrentDate" SetValue="[_root.ReqDate]"   -->
12 <!--  NoahEndIf  -->
13
14 <!--  NoahSetValue SetName="pyear" SetValue="date('Y',mktime([CurrentDate]))"  -->
15 <!--  NoahSetValue SetName="pmonth" SetValue="date('n',mktime([CurrentDate]))"  -->
16
17 <!--  NoahComment 以下的代码生成日历显示的表格头内容  -->
18 < body  bgcolor ="eeeeee" >
19 < table  width ="180"  cellpadding ="0"  cellspacing ="1"  bgcolor ="dddddd"  align =center >
20 < tr  align ="LEFT"  bgcolor ="#dddddd" >  
 21      < td  width ="14%"  height ="19"  align ="center" >
22          < input  type ="button"  value ="<<"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,-1))" -- > '">
 23      </ td >
24      < td  colspan ="5"  align ="center" >
25          <!--  NoahValue ValueName="[pyear]"  --> 年 <!--  NoahValue ValueName="[pmonth]"  --> 月
 26      </ td >
27      < td  width ="14%"  align ="center" >
28          < input  type ="button"  value =">>"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,1))" -- > '">
 29      </ td >
30    </ tr >
31    < tr  align ="center"  bgcolor ="#CCCCCC" >  
 32      < td  width ="14%"  height ="19" >  日 </ td >
33      < td  width ="14%" >  一 </ td >
34      < td  width ="14%" >  二 </ td >
35      < td  width ="14%" >  三 </ td >
36      < td  width ="14%" >  四 </ td >
37      < td  width ="14%" >  五 </ td >
38      < td  width ="14%" >  六 </ td >
39    </ tr >< tr  bgcolor =ffffff  height =19 >
40
41 <!--  NoahComment 获得要显示月份的第一天为周几  -->
42 <!--  NoahSetValue SetName="nunmonthstart" SetValue="date('w',mktime([pyear],[pmonth],1,0,0,0))"  -->
43
44 <!--  NoahComment 获得要显示月份一共有多少天  -->
45 <!--  NoahSetValue SetName="nunmonthend" SetValue="date('t',mktime([pyear],[pmonth],1,0,0,0))"  -->
46
47 <!--  NoahComment 判断显示日历需要用几行表格来显示（每行显示7天）  -->
48 <!--  NoahIf EX="[nunmonthstart]+[nunmonthend]<36"  -->
49      <!--  NoahSetValue SetName="maxi" SetValue="36"   -->
50 <!--  NoahElse  -->
51      <!--  NoahSetValue SetName="maxi" SetValue="43"   -->
52 <!--  NoahEndIf  -->
53
54 <!--  NoahComment 循环生成表格并显示  -->
55 <!--  NoahForStart InitVar="i" InitValue="1" EX="[i]<[maxi]" NextVar="i" NextValue="[i]+1"  -->
56
57      <!--  NoahSetValue SetName="iv" SetValue="[i]-[nunmonthstart]"  -->
58
59      <!--  NoahComment 如果为显示的是今天则用红色背景显示  -->
60      <!--  NoahIf EX="[iv]==date('d',mktime())&&date('n',mktime())==[pmonth]&&date('Y',mktime())==[pyear]"  -->
61          < td  align ="center"  bgcolor =ffaaaa >
62      <!--  NoahElse  -->
63          < td  align ="center" >
64      <!--  NoahEndIf  -->
65
66      <!--  NoahComment 如果是一个有效的日期则输出该日期并超链接，如果不为一有效日期则不做输出(由于NoahWeb控制HTML代码比较方便所以逻辑在这做了一点改变让我少写点代码，哈)  -->
67      <!--  NoahIf EX="[i]>[nunmonthstart]&&[i]<=[nunmonthend]+[nunmonthstart]"  -->
68          < a  href ='#'  target =_blank > <!--  NoahValue ValueName="[iv]"  --> </ a >
69      <!--  NoahEndIf  -->   </ td >
70
71      <!--  NoahComment 如果能被7整除（每行显示7个）则输出一个换行  -->
72      <!--  NoahIf EX="[i]%7==0"  -->
73          </ tr >< tr  bgcolor =ffffff  height =19 >
74      <!--  NoahEndIf  -->
75
76 <!--  NoahForEnd  -->
77 </ tr >
78 </ table >
79 </ body >
80 </ html >



具体实现效果如下：


 1 < style >
 2 td { font - family:  " 宋体 " ; font - size:9pt}
  3 </ style >
 4 < body bgcolor = " eeeeee " >
 5 < table width = " 180 "  cellpadding = " 0 "  cellspacing = " 1 "  bgcolor = " dddddd "  align = center >
 6 < %
  7 ' 以下为ASP中通过该日历算法实现的具体代码
 8
 9      ' 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
10      If  Request( " ReqDate " ) = ""   then
11          CurrentDate = Date
12      else
13          CurrentDate = Trim (Request( " ReqDate " ))
 14      end   if  
 15     pyear = year (CurrentDate)
 16     pmonth = month (CurrentDate)
 17
18      ' 以下的代码生成日历显示的表格头内容
19 % >
20    < tr align = " LEFT "  bgcolor = " #dddddd " >  
 21      < td width = " 14% "  height = " 19 "  align = " center " >
22          < input type = " button "  value = " << "  onclick = " javascript:location.href='?ReqDate=<%=DateAdd( " m " ,-1,CurrentDate) %>' " >
23      </ td >
24      < td colspan = " 5 "  align = " center " >
25          < % = pyear% > 年 < % = pmonth% > 月
 26      </ td >
27      < td width = " 14% "  align = " center " >
28          < input type = " button "  value = " >> "  onclick = " javascript:location.href='?ReqDate=<%=DateAdd( " m " ,1,CurrentDate)%>' " >
29      </ td >
30    </ tr >
31    < tr align = " center "  bgcolor = " #CCCCCC " >  
 32      < td width = " 14% "  height = " 19 " >  日 </ td >
33      < td width = " 14% " >  一 </ td >
34      < td width = " 14% " >  二 </ td >
35      < td width = " 14% " >  三 </ td >
36      < td width = " 14% " >  四 </ td >
37      < td width = " 14% " >  五 </ td >
38      < td width = " 14% " >  六 </ td >
39    </ tr >
40    < tr align = center bgcolor = ffffff height = 19 >
41    < %
 42    ' 由于ASP中没有获取指定月共有多少天的函数，因此我们需要通过其他算法来获得，算法其实很简单，就是计算一下要显示月份的1日至下个月的1日一共相差几天
43     fromDate  =   FormatDateTime ( month (CurrentDate)  &   " /1/ "   &    year (CurrentDate)) 
 44     toDate  =   FormatDateTime ( DateAdd ( " m " , 1 ,fromDate)) 
 45      ' 获得要显示月份的第一天为周几
46     nunmonthstart = weekday (fromDate) - 1
47      ' 获得要显示的1日至下个月的1日一共相差几天(月份一共有多少天)
48     nunmonthend = DateDiff ( " d " ,fromDate,toDate)
 49      ' 判断显示日历需要用几行表格来显示（每行显示7天）
50      if  nunmonthstart + nunmonthend < 36   then
51          maxi = 36
52      else
53          maxi = 43
54      end   if
55      ' 循环生成表格并显示
56     i = 1
57      do   while  i < maxi
 58         iv = i - nunmonthstart
 59          if  i > nunmonthstart  and  i <= nunmonthend + nunmonthstart  then
60              ' 如果为显示的是今天则用红色背景显示
61              if  iv = Day ( now )  and   month ( now ) = pmonth  and   year ( now ) = pyear  then
62                 response.write(  " <td align=center bgcolor=ffaaaa><a href='#' target=_blank> "   &  iv  &   " </a></td> " )
 63              else
64                 response.write(  " <td align=center><a href='#' target=_blank> "   &  iv  &   " </a></td> " )
 65              end   if
66          else
67             response.write(  " <td> </td> " )
 68          end   if
69
70          ' 如果能被7整除（每行显示7个）则输出一个换行
71          if  i  mod   7 = 0   then
72             response.write(  " </tr><tr align=center bgcolor=ffffff height=19> " )
 73          end   if
74         i = i + 1
75      loop
76 % >
77 </ table >
78 </ body >


具体实现效果如下：



下面是根据上述算法和逻辑在PHP中的具体实现代码：


具体实现效果如下：



下面是根据上述算法和逻辑在PHP中的具体实现代码：

 1 < style >
 2 td  { font-family: "宋体"; font-size:9pt}
 3 </ style >
 4 < body bgcolor = " eeeeee " >
 5 < table width = " 180 "  cellpadding = " 0 "  cellspacing = " 1 "  bgcolor = " dddddd "  align = center >
 6 <?
 7 // 以下为PHP中通过该日历算法实现的具体代码
  8
 9      // 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
10      if ($ReqDate == "" ) {
11        $pyear=date("Y");
12        $pmonth=date("m");
13        $CurrentDate=date("Y-m-j");
14    } else {
15        $ReqDateStrs = explode("-",$ReqDate );
16        $pyear=$ReqDateStrs[0];
17        $pmonth=$ReqDateStrs[1];
18        $CurrentDate=$ReqDate;
19    }
20
21 // 以下的代码生成日历显示的表格头内容
22 ?>
23 < tr align = " center "  bgcolor = " #dddddd " >  
 24      < td width = " 14% "  height = " 19 "  align = " center " >
25          < input type = " button "  value = " << "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth-1,1,$pyear)); ?>' " >
26      </ td >
27      < td colspan = " 5 "  align = " center " >
28          <?  echo $CurrentDate;  ?>
29      </ td >
30      < td width = " 14% "  align = " center " >
31          < input type = " button "  value = " >> "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth+1,1,$pyear)); ?>' " >
32      </ td >
33    </ tr >
34    < tr align = " center "  bgcolor = " #CCCCCC " >  
 35      < td width = " 14% "  height = " 19 " >  日 </ td >
36      < td width = " 14% " >  一 </ td >
37      < td width = " 14% " >  二 </ td >
38      < td width = " 14% " >  三 </ td >
39      < td width = " 14% " >  四 </ td >
40      < td width = " 14% " >  五 </ td >
41      < td width = " 14% " >  六 </ td >
42    </ tr >
43    < tr align = center bgcolor = ffffff height = 19 >
44 <?
45      // 获得要显示月份的第一天为周几
46     $nunmonthstart = date( ' w ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 47      // 获得要显示月份一共有多少天
48     $nunmonthend = date( ' t ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 49      // 判断显示日历需要用几行表格来显示（每行显示7天）
50      if ($nunmonthstart + $nunmonthend < 36 ) {
51        $maxi=36;
52    }
53      else {
54        $maxi=43;
55    }
56      // 循环生成表格并显示
57      for ( $i = 1 ; $i  < $maxi; $i ++ )
 58      {
59        $iv=$i-$nunmonthstart;
60        if($i>$nunmonthstart && $i<=$nunmonthend+$nunmonthstart) {
61            //如果为显示的是今天则用红色背景显示
62            if($iv==date("d") && date("n")==$pmonth && date("Y")==$pyear){
63                print( "<td align=center bgcolor=ffaaaa><a href='#' target=_blank>".$iv."</a></td>" );
64            }else{
65                print( "<td align=center><a href='#' target=_blank>".$iv."</a></td>" );
66            }
67        }else{
68            print( "<td> </td>" ); 
69        }
70
71        //如果能被7整除（每行显示7个）则输出一个换行
72        if ($i%7 ==0) {
73            print( "</tr><tr align=center bgcolor=ffffff height=19>" );
74        }
75    }
76 ?>
77 </ tr >
78 </ table >
79 </ body >
80 </ html >


具体实现效果如下：


下面是根据上述算法和逻辑在NoahWeb中的具体实现代码(一种面象动作驱动的语言)：

 

 1 <% @ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine"  %>
 2 < style >
 3td {}{ font-family: "宋体"; font-size:9pt}
 4 </ style >
 5 <!--  NoahComment 以下为NoahWeb表现层通过该日历算法实现的具体代码  -->
 6
 7 <!--  NoahComment 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示  -->
 8 <!--  NoahIf EX="[_root.ReqDate]==[null]"  -->
 9      <!--  NoahSetValue SetName="CurrentDate" SetValue="date('O',mktime())"   -->
10 <!--  NoahElse  -->
11      <!--  NoahSetValue SetName="CurrentDate" SetValue="[_root.ReqDate]"   -->
12 <!--  NoahEndIf  -->
13
14 <!--  NoahSetValue SetName="pyear" SetValue="date('Y',mktime([CurrentDate]))"  -->
15 <!--  NoahSetValue SetName="pmonth" SetValue="date('n',mktime([CurrentDate]))"  -->
16
17 <!--  NoahComment 以下的代码生成日历显示的表格头内容  -->
18 < body  bgcolor ="eeeeee" >
19 < table  width ="180"  cellpadding ="0"  cellspacing ="1"  bgcolor ="dddddd"  align =center >
20 < tr  align ="LEFT"  bgcolor ="#dddddd" >  
 21      < td  width ="14%"  height ="19"  align ="center" >
22          < input  type ="button"  value ="<<"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,-1))" -- > '">
 23      </ td >
24      < td  colspan ="5"  align ="center" >
25          <!--  NoahValue ValueName="[pyear]"  --> 年 <!--  NoahValue ValueName="[pmonth]"  --> 月
 26      </ td >
27      < td  width ="14%"  align ="center" >
28          < input  type ="button"  value =">>"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,1))" -- > '">
 29      </ td >
30    </ tr >
31    < tr  align ="center"  bgcolor ="#CCCCCC" >  
 32      < td  width ="14%"  height ="19" >  日 </ td >
33      < td  width ="14%" >  一 </ td >
34      < td  width ="14%" >  二 </ td >
35      < td  width ="14%" >  三 </ td >
36      < td  width ="14%" >  四 </ td >
37      < td  width ="14%" >  五 </ td >
38      < td  width ="14%" >  六 </ td >
39    </ tr >< tr  bgcolor =ffffff  height =19 >
40
41 <!--  NoahComment 获得要显示月份的第一天为周几  -->
42 <!--  NoahSetValue SetName="nunmonthstart" SetValue="date('w',mktime([pyear],[pmonth],1,0,0,0))"  -->
43
44 <!--  NoahComment 获得要显示月份一共有多少天  -->
45 <!--  NoahSetValue SetName="nunmonthend" SetValue="date('t',mktime([pyear],[pmonth],1,0,0,0))"  -->
46
47 <!--  NoahComment 判断显示日历需要用几行表格来显示（每行显示7天）  -->
48 <!--  NoahIf EX="[nunmonthstart]+[nunmonthend]<36"  -->
49      <!--  NoahSetValue SetName="maxi" SetValue="36"   -->
50 <!--  NoahElse  -->
51      <!--  NoahSetValue SetName="maxi" SetValue="43"   -->
52 <!--  NoahEndIf  -->
53
54 <!--  NoahComment 循环生成表格并显示  -->
55 <!--  NoahForStart InitVar="i" InitValue="1" EX="[i]<[maxi]" NextVar="i" NextValue="[i]+1"  -->
56
57      <!--  NoahSetValue SetName="iv" SetValue="[i]-[nunmonthstart]"  -->
58
59      <!--  NoahComment 如果为显示的是今天则用红色背景显示  -->
60      <!--  NoahIf EX="[iv]==date('d',mktime())&&date('n',mktime())==[pmonth]&&date('Y',mktime())==[pyear]"  -->
61          < td  align ="center"  bgcolor =ffaaaa >
62      <!--  NoahElse  -->
63          < td  align ="center" >
64      <!--  NoahEndIf  -->
65
66      <!--  NoahComment 如果是一个有效的日期则输出该日期并超链接，如果不为一有效日期则不做输出(由于NoahWeb控制HTML代码比较方便所以逻辑在这做了一点改变让我少写点代码，哈)  -->
67      <!--  NoahIf EX="[i]>[nunmonthstart]&&[i]<=[nunmonthend]+[nunmonthstart]"  -->
68          < a  href ='#'  target =_blank > <!--  NoahValue ValueName="[iv]"  --> </ a >
69      <!--  NoahEndIf  -->   </ td >
70
71      <!--  NoahComment 如果能被7整除（每行显示7个）则输出一个换行  -->
72      <!--  NoahIf EX="[i]%7==0"  -->
73          </ tr >< tr  bgcolor =ffffff  height =19 >
74      <!--  NoahEndIf  -->
75
76 <!--  NoahForEnd  -->
77 </ tr >
78 </ table >
79 </ body >
80 </ html >



具体实现效果如下：

 

 1 < style >
 2 td  { font-family: "宋体"; font-size:9pt}
 3 </ style >
 4 < body bgcolor = " eeeeee " >
 5 < table width = " 180 "  cellpadding = " 0 "  cellspacing = " 1 "  bgcolor = " dddddd "  align = center >
 6 <?
 7 // 以下为PHP中通过该日历算法实现的具体代码
  8
 9      // 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示
10      if ($ReqDate == "" ) {
11        $pyear=date("Y");
12        $pmonth=date("m");
13        $CurrentDate=date("Y-m-j");
14    } else {
15        $ReqDateStrs = explode("-",$ReqDate );
16        $pyear=$ReqDateStrs[0];
17        $pmonth=$ReqDateStrs[1];
18        $CurrentDate=$ReqDate;
19    }
20
21 // 以下的代码生成日历显示的表格头内容
22 ?>
23 < tr align = " center "  bgcolor = " #dddddd " >  
 24      < td width = " 14% "  height = " 19 "  align = " center " >
25          < input type = " button "  value = " << "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth-1,1,$pyear)); ?>' " >
26      </ td >
27      < td colspan = " 5 "  align = " center " >
28          <?  echo $CurrentDate;  ?>
29      </ td >
30      < td width = " 14% "  align = " center " >
31          < input type = " button "  value = " >> "  onclick = " javascript:location.href='?ReqDate=<? echo date( " Y - m - j " ,mktime(0,0,0,$pmonth+1,1,$pyear)); ?>' " >
32      </ td >
33    </ tr >
34    < tr align = " center "  bgcolor = " #CCCCCC " >  
 35      < td width = " 14% "  height = " 19 " >  日 </ td >
36      < td width = " 14% " >  一 </ td >
37      < td width = " 14% " >  二 </ td >
38      < td width = " 14% " >  三 </ td >
39      < td width = " 14% " >  四 </ td >
40      < td width = " 14% " >  五 </ td >
41      < td width = " 14% " >  六 </ td >
42    </ tr >
43    < tr align = center bgcolor = ffffff height = 19 >
44 <?
45      // 获得要显示月份的第一天为周几
46     $nunmonthstart = date( ' w ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 47      // 获得要显示月份一共有多少天
48     $nunmonthend = date( ' t ' ,mktime( 0 , 0 , 0 ,$pmonth, 1 ,$pyear));
 49      // 判断显示日历需要用几行表格来显示（每行显示7天）
50      if ($nunmonthstart + $nunmonthend < 36 ) {
51        $maxi=36;
52    }
53      else {
54        $maxi=43;
55    }
56      // 循环生成表格并显示
57      for ( $i = 1 ; $i  < $maxi; $i ++ )
 58      {
59        $iv=$i-$nunmonthstart;
60        if($i>$nunmonthstart && $i<=$nunmonthend+$nunmonthstart) {
61            //如果为显示的是今天则用红色背景显示
62            if($iv==date("d") && date("n")==$pmonth && date("Y")==$pyear){
63                print( "<td align=center bgcolor=ffaaaa><a href='#' target=_blank>".$iv."</a></td>" );
64            }else{
65                print( "<td align=center><a href='#' target=_blank>".$iv."</a></td>" );
66            }
67        }else{
68            print( "<td> </td>" ); 
69        }
70
71        //如果能被7整除（每行显示7个）则输出一个换行
72        if ($i%7 ==0) {
73            print( "</tr><tr align=center bgcolor=ffffff height=19>" );
74        }
75    }
76 ?>
77 </ tr >
78 </ table >
79 </ body >
80 </ html >


具体实现效果如下：


下面是根据上述算法和逻辑在NoahWeb中的具体实现代码(一种面象动作驱动的语言)：

 

 1 <% @ Page language="c#" AutoEventWireup="false" Inherits="NoahWeb.Engine"  %>
 2 < style >
 3td {}{ font-family: "宋体"; font-size:9pt}
 4 </ style >
 5 <!--  NoahComment 以下为NoahWeb表现层通过该日历算法实现的具体代码  -->
 6
 7 <!--  NoahComment 先判断是否指定了一个年份和月份，没有则根据当前的年和月份显示  -->
 8 <!--  NoahIf EX="[_root.ReqDate]==[null]"  -->
 9      <!--  NoahSetValue SetName="CurrentDate" SetValue="date('O',mktime())"   -->
10 <!--  NoahElse  -->
11      <!--  NoahSetValue SetName="CurrentDate" SetValue="[_root.ReqDate]"   -->
12 <!--  NoahEndIf  -->
13
14 <!--  NoahSetValue SetName="pyear" SetValue="date('Y',mktime([CurrentDate]))"  -->
15 <!--  NoahSetValue SetName="pmonth" SetValue="date('n',mktime([CurrentDate]))"  -->
16
17 <!--  NoahComment 以下的代码生成日历显示的表格头内容  -->
18 < body  bgcolor ="eeeeee" >
19 < table  width ="180"  cellpadding ="0"  cellspacing ="1"  bgcolor ="dddddd"  align =center >
20 < tr  align ="LEFT"  bgcolor ="#dddddd" >  
 21      < td  width ="14%"  height ="19"  align ="center" >
22          < input  type ="button"  value ="<<"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,-1))" -- > '">
 23      </ td >
24      < td  colspan ="5"  align ="center" >
25          <!--  NoahValue ValueName="[pyear]"  --> 年 <!--  NoahValue ValueName="[pmonth]"  --> 月
 26      </ td >
27      < td  width ="14%"  align ="center" >
28          < input  type ="button"  value =">>"  onclick ="JavaScript:location.href='?ReqDate=<!-- NoahValue ValueName=" date('O',totime(mktime([CurrentDate]),0,1))" -- > '">
 29      </ td >
30    </ tr >
31    < tr  align ="center"  bgcolor ="#CCCCCC" >  
 32      < td  width ="14%"  height ="19" >  日 </ td >
33      < td  width ="14%" >  一 </ td >
34      < td  width ="14%" >  二 </ td >
35      < td  width ="14%" >  三 </ td >
36      < td  width ="14%" >  四 </ td >
37      < td  width ="14%" >  五 </ td >
38      < td  width ="14%" >  六 </ td >
39    </ tr >< tr  bgcolor =ffffff  height =19 >
40
41 <!--  NoahComment 获得要显示月份的第一天为周几  -->
42 <!--  NoahSetValue SetName="nunmonthstart" SetValue="date('w',mktime([pyear],[pmonth],1,0,0,0))"  -->
43
44 <!--  NoahComment 获得要显示月份一共有多少天  -->
45 <!--  NoahSetValue SetName="nunmonthend" SetValue="date('t',mktime([pyear],[pmonth],1,0,0,0))"  -->
46
47 <!--  NoahComment 判断显示日历需要用几行表格来显示（每行显示7天）  -->
48 <!--  NoahIf EX="[nunmonthstart]+[nunmonthend]<36"  -->
49      <!--  NoahSetValue SetName="maxi" SetValue="36"   -->
50 <!--  NoahElse  -->
51      <!--  NoahSetValue SetName="maxi" SetValue="43"   -->
52 <!--  NoahEndIf  -->
53
54 <!--  NoahComment 循环生成表格并显示  -->
55 <!--  NoahForStart InitVar="i" InitValue="1" EX="[i]<[maxi]" NextVar="i" NextValue="[i]+1"  -->
56
57      <!--  NoahSetValue SetName="iv" SetValue="[i]-[nunmonthstart]"  -->
58
59      <!--  NoahComment 如果为显示的是今天则用红色背景显示  -->
60      <!--  NoahIf EX="[iv]==date('d',mktime())&&date('n',mktime())==[pmonth]&&date('Y',mktime())==[pyear]"  -->
61          < td  align ="center"  bgcolor =ffaaaa >
62      <!--  NoahElse  -->
63          < td  align ="center" >
64      <!--  NoahEndIf  -->
65
66      <!--  NoahComment 如果是一个有效的日期则输出该日期并超链接，如果不为一有效日期则不做输出(由于NoahWeb控制HTML代码比较方便所以逻辑在这做了一点改变让我少写点代码，哈)  -->
67      <!--  NoahIf EX="[i]>[nunmonthstart]&&[i]<=[nunmonthend]+[nunmonthstart]"  -->
68          < a  href ='#'  target =_blank > <!--  NoahValue ValueName="[iv]"  --> </ a >
69      <!--  NoahEndIf  -->   </ td >
70
71      <!--  NoahComment 如果能被7整除（每行显示7个）则输出一个换行  -->
72      <!--  NoahIf EX="[i]%7==0"  -->
73          </ tr >< tr  bgcolor =ffffff  height =19 >
74      <!--  NoahEndIf  -->
75
76 <!--  NoahForEnd  -->
77 </ tr >
78 </ table >
79 </ body >
80 </ html >



具体实现效果如下：


源码下载：http://files.cnblogs.com/Aiasted/c.rar

转载于:https://www.cnblogs.com/djbone/archive/2008/08/19/1271717.html

自己编码实现HTML显示日历
09-04
自己编码实现点击文本框，弹出日期进行选择，主要技术HTML+JS，供学习和参考
带图片的日历html,js css+html实现简单的日历
weixin_29994587的博客
06-04 386
web页面中很多地方都会用到日历显示，选择等，本文用html、css、javascript实现简单的日历。完成以后的效果与页面左侧的效果差不多，可以切换上个月、下个月。也可以根据实际情况进行扩展。htmlhtml部分比较简单，声明一个div，具体的html用javascript生成。整体内容大概是这样的：123456789101112democss1234567891011121314151617...
c#实现日历_GUI
Ѧnonumb的博客
07-09 1458
c#实现简单的GUI日历效果 效果
一个日历程序
mumu1980的专栏
10-12 733
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">无标题文档If Trim(Request("ReqDate"))="" or ( not IsDate(Trim(Request("ReqDate"))) ) then CurrentDate=Dateelse Current
Web前端之日历的实现、阳历农历之间相互转换、innerHTML、includes、unshift、push、npm
CSDN博客主页地址：https://mengjian.blog.csdn.net/
05-26 1949
Web前端之日历的实现、阳历农历之间相互转换、innerHTML、includes、unshift、push、npm
WEB手机端万年历日历代码
11-09
【标题】"WEB手机端万年历日历代码"涉及的核心技术主要是在移动设备上的Web应用开发，特别是针对HTML5的特性，实现一个跨平台、功能完善的万年历日历组件。HTML5作为现代Web开发的标准，提供了许多新功能和API，使得...
用 js + html 实现一个网页版日历
07-02
使用js + html 实现的简单的网页版日历，顶部默认会显示当前日期和时间，时间会精确到秒，并且时间会实时刷新，日历UI符合主流日历的样式，可以选择年，月，日查看每个月份的每一天对应星期几，默认显示当前日期所在...
Eson-用于WEB的简单日历控件源代码
03-18
这个控件不依赖于任何特定的前端框架，如jQuery或Angular，使得它可以在各种Web开发环境下无缝集成。其核心特点包括支持单选模式和多选模式，能满足不同类型的日期选择需求。 在【描述】中提到，Eson日历控件适用于...
基于PHP和JavaScript的PHP-Calendar Web日历设计源码
最新发布
09-29
该项目是一个基于PHP和JavaScript的PHP-Calendar Web日历设计源码，包含102个文件，涵盖了47个PHP脚本、33个PO文件、4个JavaScript文件、3个CSS样式表、2个Shell脚本、1个YML配置文件、1个Git忽略文件以及少量其他...
web日历
07-14
2. **AJAX**：为了实现实时更新，Web日历常使用异步JavaScript和XML（AJAX）技术，它允许页面在不刷新整个页面的情况下与服务器交换数据并更新部分网页内容。 3. **API集成**：Web日历可能需要与Google日历、...
web日历组件
04-24
一共有七个JavaScript的日历插件，都十分精美，非常适合插入到自己的网站或网页中，是非常好的资源。
基于HTML5的web版日历
12-23
基于HTML5的web版日历
WebCalendar网页日历控件（js，javascript）
12-18
WebCalendar网页日历日期时间控件（js，javascript）
用JSP/Servlet做Web日历(趣味)
zhansan的博客
12-23 926
https://joytas.net/programming/jsp_servlet/calendarapp-2
一个java的web日历实现
01-10 3892
 相信大家都看到很多blog站点都有一些本月的日历功能，可以在上面选择有blog的那天来查看那天的作者的日志！有很多方式来实现这个日历功能，可以用javascript,也可以用web语言的支持来写，比如asp,jsp的支持。下面我们就来以www.seerlog.net这个站点（也就是我的啦）的日历模块功能的实现为例子来讲解使用java跟DHTML结合实现这个日历。一，分析模块的组成，功能  这
web实例之电子日历
亲，如果文章对你有帮助的话请点个关注吧！
01-04 2446
获取本机时间 进行处理 对数据进行处理 页面格局可以使用列表也可以用表格 逻辑使用js实现 效果图如下： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;日历&lt;/tit
各种Web脚本下，日历的实现方法
AB789580的博客
07-31 554
在Web开发中我们经常会需要开发一些和日历相关的应用，自然需要制作一些日历程序，一些大家伙比如C#，JAVA或是VB.NET这些语言以往都有不少文章和示例介绍了，所以今天我给大家说一下其他常见Web脚步语言中的日历算法逻辑和具体的实现方式，希望对大家有用。 先看看我们的实现目标，就是在网页中通过脚本语言实现如下的日历： 要实现日历就必须用到相关语言中的日期和时间函数，其中最...
PHP脚本实现的日历类功能介绍
此外，为了实现一个日历系统，开发者还需要熟悉在Web环境下的应用开发，这可能涉及到前端技术（如HTML、CSS和JavaScript）以及后端的数据库管理。 从压缩包的文件名称列表中，我们可以看出有两个主要的文件和一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值