js获取当前周、上一周、下一周日期

前端之家收集整理的这篇文章主要介绍了js获取当前周、上一周、下一周日期前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

效果图:

代码如下:

日历操作 @H_403_17@ window.onload = function(){ var cells = document.getElementById('monitor').getElementsByTagName('td'); var clen = cells.length; var currentFirstDate; var formatDate = function(date){ var year = date.getFullYear()+'年'; var month = (date.getMonth()+1)+'月'; var day = date.getDate()+'日'; var week = '('+['星期天','星期一','星期二','星期三','星期四','星期五','星期六'][date.getDay()]+')';
    return year+month+day+' '+week;
  };
  var addDate= function(date,n){    
    date.setDate(date.getDate()+n);    
    return date;
  };
  var setDate = function(date){       
    var week = date.getDay()-1;
    date = addDate(date,week*-1);
    currentFirstDate = new Date(date);

    for(var i = 0;i<clen;i++){         
      cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));
    }        
  };       
  document.getElementById('last-week').onclick = function(){
    setDate(addDate(currentFirstDate,-7));     
  };       
  document.getElementById('next-week').onclick = function(){         
    setDate(addDate(currentFirstDate,7));
  };   
  setDate(new Date());
}