使用JavaScript写一个当月日历表
时间: 2024-05-11 09:16:00 浏览: 18
好的,我可以给你提供一个使用JavaScript编写当月日历表的代码例子:
```javascript
function getCalendar(year, month) {
const firstDay = new Date(year, month, 1);
const lastDay = new Date(year, month + 1, 0);
const days = (lastDay.getDate() - firstDay.getDate() + 1);
let calendar = "<table><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>";
let dayCount = 0;
for (let i = 0; i < 6; i++) {
calendar += "<tr>";
for (let j = 0; j < 7; j++) {
if (dayCount >= days) {
calendar += "<td></td>";
} else {
const day = new Date(year, month, dayCount + 1);
const date = day.getDate();
calendar += `<td>${date}</td>`;
}
dayCount++;
}
calendar += "</tr>";
}
calendar += "</table>";
return calendar;
}
console.log(getCalendar(2021, 8)); // 显示2021年8月份的日历表
```
该函数 `getCalendar` 接受两个参数,年和月份。它将返回一个HTML字符串,其中包含给定月份的日历表。这个函数首先计算给定月份的第一天和最后一天。然后,创建一个包含标头和日期的HTML字符串表格。最后,使用两个 `for` 循环来填充日期。如果日期的数量超过给定月份所能设置的日期数量,该函数将拒绝为任何剩余的单元格添加日期。
希望这能够帮助您编写一个当月的日历表格。如果还有其他问题,请随时问我。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![iso](https://img-home.csdnimg.cn/images/20210720083646.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)