码迷,mamicode.com
首页 > 其他好文 > 详细

获取当前周、上一周、下一周的日期

时间:2017-08-22 13:56:43      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:内容   nbsp   笔记   nload   title   name   logs   html 4.01   return   

使用JS或者是JQuery获取当前周和上一周、下一周的日期时间信息的方法,摘自 http://www.qdfuns.com/notes/18184/435de54dd1e41baf6777039e394c0100.html,目的仅仅是为了做个笔记,侵删!以下是代码以及解析:

<!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(){      
            //获取页面上的table中的td单元格,以便填充内容
            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;
            };
            /*
             * 日期加上指定的天数,使用的是DATE类本身自带的方法,当第二个参数为负数的时候进行减法运算
             * 这样可以避免自己写的方法会出现错误
             * 需要注意的是,此方法中的setDate并不是咱们自定义的方法,而是Date对象自带的方法
             */
            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(addDate(new Date(),7));
        }
    </script>
</head>
<body>
    <button id="last-week">上一周</button>
    <button id="next-week">下一周</button>
    <table id="monitor" border="1px">
        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
        </tr>
    </table>
</body>
</html>

 

获取当前周、上一周、下一周的日期

标签:内容   nbsp   笔记   nload   title   name   logs   html 4.01   return   

原文地址:http://www.cnblogs.com/qiankun-site/p/7411128.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!