html万年历
时间: 2023-07-01 13:22:47 浏览: 129
好的,以下是一个简单的HTML万年历示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>万年历</title>
<style>
table {
border-collapse: collapse;
margin: auto;
}
td {
width: 30px;
height: 30px;
text-align: center;
vertical-align: middle;
border: 1px solid black;
}
thead td {
background-color: #ccc;
}
.today {
background-color: #f00;
}
</style>
</head>
<body>
<h1>万年历</h1>
<table>
<thead>
<tr>
<td>日</td>
<td>一</td>
<td>二</td>
<td>三</td>
<td>四</td>
<td>五</td>
<td>六</td>
</tr>
</thead>
<tbody>
<!-- 计算当前月份的天数 -->
<?php
$year = date('Y');
$month = date('m');
$days = date('t');
$week = date('w', strtotime("$year-$month-1"));
?>
<?php for ($i = 1 - $week; $i <= $days; $i += 7): ?>
<tr>
<!-- 输出一周的日期 -->
<?php for ($j = $i; $j < $i + 7; $j++): ?>
<!-- 判断是否为当前日期 -->
<td<?php if ($j == date('j')) { echo ' class="today"'; } ?>>
<?php if ($j > 0 && $j <= $days): ?>
<?php echo $j; ?>
<?php endif; ?>
</td>
<?php endfor; ?>
</tr>
<?php endfor; ?>
</tbody>
</table>
</body>
</html>
```
这个示例代码使用了PHP来计算日期,但是你也可以使用JavaScript来实现。这个示例代码会输出当前月份的日历,你可以根据实际需要进行修改。