CSS Code
<style type="text/css">
#calendar_css {
background-color:#F0F0F0;
border-style:solid;
border-width:0px;
border-right-width:0px;
border-bottom-width:0px;
border-color:#cccccc;
}
#calendar_css td{
text-align:center;
font:11px tahoma;
width:2%;
height:18px;
}
#calendar_css thead{
text-align:center;
font:11px tahoma;
width:2%;
height:18px;
background-color:#333333;
color:#FFFFFF;
}
#calendar_css .current{
text-align:center;
font:11px tahoma;
width:2%;
height:18px;
background-color:#FF0000;
color:#FFFFFF;
}
col.holidayCol{
background-color:#FDDFE4;
color:#FF0000;
}
td.monthTitle{
background-color:#666666;
text-align:center;
font:11px bold tahoma;
}
</style>
PHP Code
<?php
$day_now=array("Sun"=>"1","Mon"=>"2","Tue"=>"3","Wed"=>"4","Thu"=>"5","Fri"=>"6","Sat"=>"7");
$first_day=date("D",mktime(0,0,1,intval(date("m")),1,date("Y")));
$start_td=$day_now[$first_day]-1;
$num_day=date("t");
$num_day2=($num_day+$start_td);
$num_day3=(7*ceil($num_day2/7));
?>
<table id="calendar_css" width="175" border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col class="holidayCol" />
<col span="5" />
<col class="holidayCol" />
</colgroup>
<thead>
<tr>
<td colspan="7" class="monthTitle">
<?=date("M-Y")?>
</td>
</tr>
<tr>
<td>อา </td>
<td>จ </td>
<td>อ </td>
<td>พ </td>
<td>พฤ </td>
<td>ศ </td>
<td>ส </td>
</tr>
</thead>
<?php for($i=1;$i <=$num_day3;$i++){ ?>
<?php if($i%7==1){ ?>
<tr>
<?php } ?>
<td <?=(date("j")==$i-$start_td)?"class=\"current\"":""?>> <?=($i-$start_td>=1 && $i-$start_td <=$num_day)?$i-$start_td:" "?> </td>
<?php if($i%7==0){ ?>
</tr>
<?php } ?>
<?php } ?>
</table>
ตัวอย่าง
| Dec-2009 | ||||||
| อา | จ | อ | พ | พฤ | ศ | ส |
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 | ||