温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

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

发布时间:2021-04-20 14:24:08 来源:亿速云 阅读:2107 作者:小新 栏目:web开发

小编给大家分享一下js怎么获取当前周、上一周、下一周日期,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

js的作用是什么

1、能够嵌入动态文本于HTML页面。2、对浏览器事件做出响应。3、读写HTML元素。4、在数据被提交到服务器之前验证数据。5、检测访客的浏览器信息。6、控制cookies,包括创建和修改等。7、基于Node.js技术进行服务器端编程。

效果图:

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

代码如下:

<!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>

以上是“js怎么获取当前周、上一周、下一周日期”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注亿速云行业资讯频道!

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

js
AI