在HTML页面生成日历的简单方法

可以使用HTML和JavaScript来生成日历。

首先，在HTML中创建一个表格来显示日历，如下所示：

<table>
  <thead>
    <tr>
      <th>日</th>
      <th>一</th>
      <th>二</th>
      <th>三</th>
      <th>四</th>
      <th>五</th>
      <th>六</th>
    </tr>
  </thead>
  <tbody id="calendar-body">
  </tbody>
</table>

接下来，使用JavaScript来生成日历。可以使用Date对象来获取当前日期，然后根据当前月份，生成一个包含所有日期的数组。最后，将这个数组插入到表格中，如下所示：

// 获取当前日期
var currentDate = new Date();

// 获取当前月份
var currentMonth = currentDate.getMonth();

// 获取当前年份
var currentYear = currentDate.getFullYear();

// 获取当前月份的天数
var daysInMonth = new Date(currentYear, currentMonth + 1, 0).getDate();

// 获取当前月份的第一天是星期几
var firstDayOfMonth = new Date(currentYear, currentMonth, 1).getDay();

// 生成包含所有日期的数组
var calendarDates = [];
for (var i = 1; i <= daysInMonth; i++) {
  calendarDates.push(i);
}

// 在表格中插入日期
var calendarBody = document.getElementById('calendar-body');
var row = document.createElement('tr');
for (var i = 0; i < firstDayOfMonth; i++) {
  var cell = document.createElement('td');
  row.appendChild(cell);
}
for (var i = 0; i < calendarDates.length; i++) {
  var cell = document.createElement('td');
  cell.textContent = calendarDates[i];
  row.appendChild(cell);
  if ((i + firstDayOfMonth + 1) % 7 === 0) {
    calendarBody.appendChild(row);
    row = document.createElement('tr');
  }
}
if (row.childNodes.length > 0) {
  calendarBody.appendChild(row);
}

这样就可以在HTML页面上生成一个简单的日历了。