本月之前的 Javascript getDate()

Question

我有一些纯 javascript 日历。我的问题是我想在所选月份之前添加天数。

|so|mo|di|mi|do|fr|sa|
______________________
|29|30|31|1 |2 |3 | 4| <-- here 29,30,31
______________________
|5 |6 |.....

我希望我的意思很清楚。这是我的脚本

<script type="text/javascript">
function Calendar(id, year, month) { 
  var elem = document.getElementById(id)

  var mon = month - 1  // (1)
  var d = new Date(year, mon)

  var table = ['<table><tr>']

  for (var i=0; i<d.getDay(); i++) {
    table.push('<td></td>')         // here days before this mounth
  }

  // main body (3)
  while(d.getMonth() == mon) {
    table.push('<td>'+d.getDate()+'</td>')

    if (d.getDay() % 7 == 6) {   // (4)
      table.push('</tr><tr>')
    }

    d.setDate(d.getDate()+1)  
  }

  n = 1
  for (var i=d.getDay(); i<8; i++) {

    table.push('<td>' + (n++) + '</td>')

  }

  table.push('</tr></table>')

  elem.innerHTML = table.join('\n')
}
new Calendar("cal", 2015, 9)
</script>

我尝试使用 setDate()，但我没有掌握它。

Answer 1

如评论中所述，setDate(和 Date 构造函数)可以具有负值。但不是 pre 和 post 循环，您可以将 startdate 设置为一周的开始，并始终添加整周:

function Calendar(id, year, month) { 
  var elem = document.getElementById(id)

  var mon = month - 1;  // (1)
  var d = new Date(year, mon, 1 );
  var start = 1-d.getDay();  

  var table = ['<table>'];
  while(d.getMonth() <= mon) {
      table.push('<tr>');
      for(var i =0 ; i< 7; i++){
          d = new Date(year,mon,start++);
          table.push('<td>'+d.getDate() + '</td>')
      }      
      table.push('</tr>');    
  }
  table.push('</table>')

  elem.innerHTML = table.join('\n')
}
new Calendar("cal", 2015, 9);

fiddle

编辑:一个替代版本以防“其他”月份应该有更浅的颜色:fiddle