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

更新时间:2021-07-29    来源:js教程    手机版     字体:

【www.bbyears.com--js教程】

效果图:

代码如下:

 代码如下

  

  日历操作

  <script>

    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

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

    }

  </script>

  上一周下一周

  

    

      

      

      

      

      

      

      

    

  


本文来源:http://www.bbyears.com/wangyezhizuo/132667.html

热门标签

更多>>

本类排行