用javaScript写一个日历
时间: 2024-05-02 07:19:23 浏览: 143
一个用javascript写的日历
好的,这是一个简单的JavaScript代码可以创建一个日历:
```javascript
var date = new Date();
var year = date.getFullYear();
var month = date.getMonth() + 1;
// Create calendar table
var calendar = "<table><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th>六</th></tr>";
// Get the first day of the month
var firstDay = (new Date(year, month - 1, 1)).getDay();
// Determine the number of days in the month
var daysInMonth = new Date(year, month, 0).getDate();
// Create cells for each day of the month
var cells = "";
for (var i = 0; i < daysInMonth; i++) {
var day = i + 1;
if (i % 7 === 0) {
cells += "<tr>";
}
cells += "<td>" + day + "</td>";
if (i % 7 === 6) {
cells += "</tr>";
}
}
// Add cells to the calendar table
calendar += cells;
// Close the table
calendar += "</table>";
// Display the calendar
document.getElementById("calendar").innerHTML = calendar;
```
这个代码创建了一个基本的表格来表示一个日历。 数据获取和处理通过 JavaScript 的 Date 对象完成。您可以将此代码与您自己的 HTML 和 CSS一起使用来创建漂亮的日历。
阅读全文