js獲取當(dāng)前周、上一周、下一周日期

更新時(shí)間：2017年03月19日 14:45:46 作者：大大大大糖糖

本文主要介紹了js獲取當(dāng)前周、上一周、下一周日期的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來看下吧

效果圖：

代碼如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>日歷操作</title>
  <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<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());
    }
  </script>
</head>
<body>
  <button id="last-week">上一周</button><button id="next-week">下一周</button>
  <table id="monitor">
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</body>
</html>

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JS文本框追加多個(gè)下拉框的值的簡單實(shí)例
這篇文章介紹了JS文本框追加多個(gè)下拉框的值的例子，有需要的朋友可以參考一下
2013-07-07
js中typeof的用法匯總
這篇文章主要是對(duì)js中typeof的用法進(jìn)行了詳細(xì)的匯總介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-12-12
javascript 獲取鼠標(biāo)的絕對(duì)位置 event
javascript 獲取鼠標(biāo)的絕對(duì)位置 event
2009-06-06
ES6正則表達(dá)式的一些新功能總結(jié)
這篇文章主要總結(jié)了一些關(guān)于ES6正則表達(dá)式的新功能的相關(guān)資料，文中介紹的還是比較詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下來要起看看吧。
2017-05-05
JavaScript調(diào)試工具匯總
這篇文章主要介紹了7款基于桌面和WEB的JavaScript調(diào)試工具，更有效地處理動(dòng)態(tài)類型使應(yīng)用程序更符合編碼標(biāo)準(zhǔn)，不管你是新學(xué)習(xí)javascript的菜鳥還是業(yè)界大神，都非常的有用。
2014-12-12
從JavaScript的函數(shù)重名看其初始化方式
從JavaScript的函數(shù)重名看其初始化方式...
2007-03-03
js生成驗(yàn)證碼并直接在前端判斷
眾所周知，js是客戶端的，那么把驗(yàn)證都做在客戶端有意義嗎？還是必須從服務(wù)器生成的驗(yàn)證碼安全??？前端生成的驗(yàn)證碼安全嗎？x下面我們來看個(gè)例子
2015-05-05
JavaScript與jQuery中文檔就緒函數(shù)的區(qū)別
這篇文章主要介紹了JavaScript與jQuery中文檔就緒函數(shù)的區(qū)別，文章內(nèi)容介紹詳細(xì)，具有一的的參考價(jià)值，需要的小伙伴可以參考一下
2022-03-03
解決uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...
這篇文章主要介紹了uni-app報(bào)錯(cuò)Error:?read?EBADF?at?Pipe?.?onStreamRead...解決方法,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
2023-08-08
JS原生2048小游戲源碼分享(全網(wǎng)最新)
這篇文章主要介紹了JS原生2048小游戲源碼分享,實(shí)現(xiàn)代碼全部是給予js實(shí)現(xiàn)的，代碼簡單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2021-05-05