js獲取當(dāng)前周、上一周、下一周日期
更新時(shí)間：2017年03月19日 14:45:46 作者：大大大大糖糖
本文主要介紹了js獲取當(dāng)前周、上一周、下一周日期的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧
效果圖：
代碼如下：
<!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>
以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！
您可能感興趣的文章:
- javascript 當(dāng)前日期加(天、周、月、年)
- js實(shí)現(xiàn)獲取當(dāng)前時(shí)間是本月第幾周的方法
- moment.js輕松實(shí)現(xiàn)獲取當(dāng)前日期是當(dāng)年的第幾周
- JS實(shí)現(xiàn)獲取當(dāng)前所在周的周六、周日示例分析
- 怎么使用js計(jì)算當(dāng)前一周的日期
- JS如何根據(jù)當(dāng)前日期獲取一周所有日期
- moment.js 計(jì)算當(dāng)前一周、一月對(duì)應(yīng)日期的實(shí)例
- js根據(jù)當(dāng)前日期獲取前一周或者后一周等日期
- 如何用js獲取當(dāng)年周數(shù)列表以及當(dāng)前日期是第幾周
相關(guān)文章
JS文本框追加多個(gè)下拉框的值的簡(jiǎn)單實(shí)例
這篇文章介紹了JS文本框追加多個(gè)下拉框的值的例子，有需要的朋友可以參考一下2013-07-07
這篇文章主要是對(duì)js中typeof的用法進(jìn)行了詳細(xì)的匯總介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12
javascript 獲取鼠標(biāo)的絕對(duì)位置 event
javascript 獲取鼠標(biāo)的絕對(duì)位置 event2009-06-06
這篇文章主要總結(jié)了一些關(guān)于ES6正則表達(dá)式的新功能的相關(guān)資料，文中介紹的還是比較詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下來(lái)要起看看吧。2017-05-05
這篇文章主要介紹了7款基于桌面和WEB的JavaScript調(diào)試工具，更有效地處理動(dòng)態(tài)類型使應(yīng)用程序更符合編碼標(biāo)準(zhǔn)，不管你是新學(xué)習(xí)javascript的菜鳥(niǎo)還是業(yè)界大神，都非常的有用。2014-12-12
從JavaScript的函數(shù)重名看其初始化方式...2007-03-03
眾所周知，js是客戶端的，那么把驗(yàn)證都做在客戶端有意義嗎？還是必須從服務(wù)器生成的驗(yàn)證碼安全啊？前端生成的驗(yàn)證碼安全嗎？x下面我們來(lái)看個(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小游戲源碼分享,實(shí)現(xiàn)代碼全部是給予js實(shí)現(xiàn)的，代碼簡(jiǎn)單易懂對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-05-05