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

使用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>
时间: 2024-10-18 01:08:50

获取当前周、上一周、下一周的日期的相关文章

课程表上一周下一周

var currDT; var aryDay = new Array("日", "一", "二", "三", "四", "五", "六"); //初始页面 function initWeek() { currDT = new Date(); showDate(); } //上一周 或 下一周 function addWeek(ope) { var num = 0; i

上一周下一周

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > <html> <head> <meta http-equiv ="Content-Type" content ="text/html; charset=UTF-8" > &l

jquery取得本周,上一周,下一周的周一和周日

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head>    <meta charset="utf-8" />    <title></title>    <script src="../JS/jquery-1.8.2.js"></scrip

安卓,采用最简单易懂的方式实现上拉刷新下拉加载更多

<!-- Description:上拉刷新,下拉加载更多是现在最流行的手势操作,但是对于初学者来说,在实现上是有一定难度的, 网上很多教程讲的都过于复杂,对于初学者无法起到引导作用,特此写本文,帮助安卓新手入门理解此, 还有最为重要的一点:本文只帮助你理解,并不是想你成为代码搬运工!别被那么多代码吓到了, 其中很多都是注释,仔细看注释对你理解有很大的帮助 Author:Booker L Date:2014-05-16 --> 一,事先准备: 实现该功能,最基本的需要两个东西,一个是OnTouc

技术培训----线上 PK 线下?

最近在学习数据可视化,突然有了以上关于线上教育培训的思考.本来已经定好向互联网方向发展了.可以在学习的过程中,发现自己又开始了迷茫. 在大数据的学习过程中,在学校里学到的都是一些关于思想上的内容.真正落实到工作中是什么样子的.我们谁也不知道,而通过报网络上的课程,又发现课程的水份很大.不由得开始思考,真正的学习的模式,是线上,还是线下? 有人说互联网教育很火,这两年一定会让全国的教育培训行业为之一新.就从股市里"全通教育"的股价就能看出.可真当我去体验了一下网上课程(另一网站的课程,不

利用PHP获取一个页面上的链接信息

开发中我们可能会获取某个页面或是一段内容中的链接信息,下面我分享一个我写的函数给大家,希望能帮到大家. 函数功能: 1.获取一段内容中链接信息: 2.获取一个URL中链接信息: 3.剔除锚链等无效的链接 4.获取当前域下的链接信息 5.获取他域下的链接信息 6.保留链接的文本信息 代码: /** * +---------------------------------------------------------- * 功能:获取一个网页或一段内容里面的链接信息 * +------------

java以及C#获取AD域上用户信息

JAVA /** *  JAVA 读取AD用户信息 *  aa00a00 */package com.wanda.sso.client.servlet; import java.util.Hashtable; import javax.naming.Context;import javax.naming.NamingEnumeration;import javax.naming.NamingException;import javax.naming.directory.Attribute;imp

使用iScroll实现上拉或者下拉刷新

上拉或者下拉刷新的需求在移动端是非常常见的需求,大部分情况下,实现这个效果都使用网上现有的解决方案,例如有人使用swiper这个插件, 也有人使用iScroll这个滚动插件.本文的示例是利用iscroll实现的下拉刷新效果. iScroll简介 iScrool是目前最成熟的自定义滚动解决方案之一,在移动端和PC有很好的兼容性.iScroll官方提供了5个不同的版本: iscroll.js 通用版 包含了大部分公共特性 iscroll-lite.js 缩减版 削减了一些功能特性,例如:滚动条,鼠标

ListView装上拉电阻下拉刷新

主要用到了这个几个文件.MainActivity是界面的Activity,MyAdapter是ListView的自己定义适配,MyListView是自己定义带头部LIistView,假设仅仅须要上拉载入就不须要:activity_main.xml是住界面.item.xml是ListView的子布局里面仅仅有一个TextView,listview_footer.xml是listview的载入很多其它的底部布局,listview_header.xml是listview的头部布局. MainActiv