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 

はcodepen http://codepen.io/cb42/pen/KNJWrd

Answer 1

です。 このpoinによって、あなたはそれをより良くしようとすることができます。しかし、私はあなたがカレンダーを作る方法を理解するのに役立つと期待しています。

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(); 

おかげで