JS：创建一个日历; 1.指定年月,输出当前年月的日历

以下是一个简单的JavaScript函数，用于创建一个指定年月的日历：

function createCalendar(year, month) {
  // 获取指定年月的第天
  var firstDay = new Date(year, month - 1, 1);
  
  // 获取指定年月的最后一天
  var lastDay = new Date(year, month, 0);
  
  // 创建一个表格元素
  var table = document.createElement('table');
  
  // 创建表格的表头
  var thead = document.createElement('thead');
  var tr = document.createElement('tr');
  var daysOfWeek = ['日', '一', '二', '三', '四', '五', '六'];
  for (var i = 0; i < daysOfWeek.length; i++) {
    var th = document.createElement('th');
    th.textContent = daysOfWeek[i];
    tr.appendChild(th);
  }
  thead.appendChild(tr);
  table.appendChild(thead);
  
  // 创建表格的表身
  var tbody = document.createElement('tbody');
  var tr = document.createElement('tr');
  var dayOfWeek = firstDay.getDay();
  for (var i = 0; i < dayOfWeek; i++) {
    var td = document.createElement('td');
    tr.appendChild(td);
  }
  var currentDate = 1;
  while (currentDate <= lastDay.getDate()) {
    if (dayOfWeek == 7) {
      tbody.appendChild(tr);
      tr = document.createElement('tr');
      dayOfWeek = 0;
    }
    var td = document.createElement('td');
    td.textContent = currentDate;
    tr.appendChild(td);
    currentDate++;
    dayOfWeek++;
  }
  tbody.appendChild(tr);
  table.appendChild(tbody);
  
  // 返回表格元素
  return table;
}

使用该函数，可以创建一个指定年月的日历，并将其添加到DOM中：

var calendar = createCalendar(2021, 8);
document.body.appendChild(calendar);

上面的代码将创建一个2021年8月的日历，并将其添加到文档的body元素中。