當前位置：
首頁 >
获取当前周、上一周、下一周日期
發布時間：2024/4/17
47
豆豆
生活随笔
收集整理的這篇文章主要介紹了
获取当前周、上一周、下一周日期
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
<!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>
復制代碼
總結
以上是生活随笔為你收集整理的获取当前周、上一周、下一周日期的全部內容，希望文章能夠幫你解決所遇到的問題。
