JavaScript 在 DOM 中创建日历表

Question

我创建了一个 6 行 5 列的表格。该表是为可能具有不同天数的每个月创建的。我希望每个列显示 1-30 或 1-31 之间的日期(取决于月份)。

这是我到目前为止所拥有的:

function daysOfMonth(){
  var table= " ";
  var rows= 3;
   var cols=6;
  var number= 31;
  for(var r=0; r<rows; r++){
    table+= "<tr>";
        for(var c=0; c<=cols; c++){
                table+= "<td>" + c +"</td>"
      // each col should display number for(var i=0l i<=number; i++)
    }

table+= "</tr>"
 }
document.write('<table>' + table +"</table>")

};// func end

这是一个代码笔 http://codepen.io/cb42/pen/KNJWrd

Answer 1

正如我所看到的，您的代码有两个小错误，在我的简单示例中已解决。此时你可以尝试让它变得更好吗？但我希望它可以帮助您了解如何制作日历。

https://jsfiddle.net/cyzbhkjs/

function daysOfMonth(){
  var _table= "<p>jol</p> ";
  var rows= 5;
   var cols=6;
  var c= 1;
  var daysMonth =31;
  for(var r=0; r<rows; r++){
    _table+= "<tr>";
        for(var i=0; i<=cols; i++){
        if(c<=daysMonth){
            _table+= "<td>" + c +"</td>";
        }else{
        break;
        }

          c++;
      // each col should display number at i
    }


_table+= "</tr>";

 }
 document.getElementById('calendar').innerHTML = '<table>hola' + _table +'</table>';

};
  daysOfMonth();

谢谢