js创建简单日历,可以显示月份天数
时间: 2023-05-24 15:01:24 浏览: 251
可以使用 JavaScript 代码创建简单的日历,在 HTML 中添加一个容器元素,然后在 JavaScript 中创建日期对象,通过日期对象获取当前月份的天数以及第一天是星期几,最后遍历日期并将它们填充到容器中即可。具体的实现可以看代码示例:
```javascript
function createCalendar(year, month) {
const container = document.getElementById("calendar");
const date = new Date(year, month - 1, 1);
const firstDay = date.getDay();
const daysInMonth = new Date(year, month, 0).getDate();
let calendarHTML = "<table><tr>";
// 添加星期几
for (let i = 0; i < firstDay; i++) {
calendarHTML += "<td></td>";
}
// 添加每一天
for (let i = 1; i <= daysInMonth; i++) {
calendarHTML += "<td>" + i + "</td>";
if ((i + firstDay) % 7 === 0) {
calendarHTML += "</tr><tr>";
}
}
// 结束表格
calendarHTML += "</tr></table>";
container.innerHTML = calendarHTML;
}
createCalendar(2022, 7); // 显示 2022 年 7 月的日历
```
当然这只是一个简单的示例,实际上有很多种不同的实现方式,可以自行探索和尝试。
阅读全文