年历显示的代码

以下是一个简单的 JavaScript 年历显示的代码，可供参考：

function showCalendar(year) {
  // 获取指定年份的 12 个月份的第一天日期对象
  var months = [];
  for (var i = 0; i < 12; i++) {
    months.push(new Date(year, i, 1));
  }
  
  // 创建年历表格
  var calendar = document.createElement('table');
  
  // 创建表头行
  var headerRow = document.createElement('tr');
  for (var i = 0; i < 12; i++) {
    var headerCell = document.createElement('th');
    headerCell.textContent = months[i].toLocaleString('default', { month: 'long' });
    headerRow.appendChild(headerCell);
  }
  calendar.appendChild(headerRow);
  
  // 创建日期行
  var dateRow = document.createElement('tr');
  for (var i = 0; i < 12; i++) {
    var dateCell = document.createElement('td');
    var monthDays = new Date(year, i + 1, 0).getDate(); // 获取月份的天数
    for (var j = 1; j <= monthDays; j++) {
      var date = new Date(year, i, j);
      var dateSpan = document.createElement('span');
      dateSpan.textContent = j;
      dateCell.appendChild(dateSpan);
    }
    dateRow.appendChild(dateCell);
  }
  calendar.appendChild(dateRow);
  
  // 将年历表格添加到页面中
  document.body.appendChild(calendar);
}

showCalendar(2021); // 显示 2021 年的年历

以上代码会创建一个年历表格，表格包括 12 个月份的名称和对应的日期。您可以根据需要对表格的样式和布局进行调整。