项目中用到按周显示的功能，找了一个，然后自己修改了一下，留着以后用：

这是代码，要是直接显示的话就把第43行去掉就行了，如果想要得到数据按照自己的想法重新渲染就保留43行，直接看51行，52行就是你要的对应数据

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

                 console.log(date)

                 currentFirstDate = new Date(date);

                 var arr = [];

                 //循环为单元格进行赋值

                 for(var i = 0;i<7;i++){

                     console.log(formatDate(i==0 ? date : addDate(date,1)));

                     arr.push(formatDate(i==0 ? date : addDate(date,1)))

                     cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));

                 }

                 return arr

             };

             document.getElementById('last-week').onclick = function(){

                 setDate(addDate(currentFirstDate,-7));

             };

             document.getElementById('next-week').onclick = function(){

                 setDate(addDate(currentFirstDate,7));

             };

             setDate(addDate(new Date(),0));

             console.log(setDate(addDate(new Date(),0)));

         }

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

上个周找的，直接复制的代码自己修改的，忘记在哪个网址找的，望原作者见谅(* ￣3)(ε￣ *)

jquery获取周对应的日期的更多相关文章

  1. java 和 mysql 获取周 星期 的第一天 最后一天 或者 月的 日期（字符串转日期，日期转字符串，日期加减）

    获取周的第一天,最后一天 System.out.println(getStartEndDate("2016-05-01", 1)); 获取星期的第一天和最后一天 System.ou ...

  2. js日期计算及快速获取周、月、季度起止日,获取指定日期周数以及星期几的小例子

    JS获取日期时遇到如下需求,根据某年某周获取一周的日期.如开始日期规定为星期四到下一周的星期五为一周. 格式化日期: function getNowFormatDate(theDate) { var ...

  3. PHP获取某年第几周的开始日期和结束日期

    http://blog.csdn.net/qq_27080247/article/details/50835956 /** * 获取某年第几周的开始日期和结束日期 * @param int $year ...

  4. [Java] 获取本月周次和日期时间段信息

    package com.wdcloud.monitoring.common; import java.text.SimpleDateFormat; import java.util.ArrayList ...

  5. PHP 获取某年第几周的开始日期和结束日期的实例

    /** * 获取某年第几周的开始日期和结束日期 * @param int $year * @param int $week 第几周; */ public function weekday($year, ...

  6. java根据日期获取周几和获取某段时间内周几的日期

    整理两个日期的方法. 根据日期获取当天是周几 /** * 根据日期获取当天是周几 * @param datetime 日期 * @return 周几 */ public static String d ...

  7. php 根据周数获取当周的开始日期与最后日期

    /** * 根据第几周获取当周的开始日期与最后日期 * @param int $year 年份 $weeks = get_week($year) * @param 如获取第18周的开始日期$weeks ...

  8. c# 获取一年中的周/根据一年中的第几周获取该周的开始日期与结束日期

    /// <summary> /// 获取一年中的周 /// </summary> /// <param name="dt">日期</par ...

  9. 【JavaScript与JQuery获取H2的内容】

    撰写日期:2016-7-13 11:05:07 JavaScript与JQuery获取DOM内容是有区别的,接下来看一例子 栗子: Jquery-获取H3中的内容然后Dom转换为Jquery < ...

随机推荐

  1. html的标签（1）

    首先补充上一次没有讲到的,html文件后缀名有2种,一种是.htm,一种是.html..html是老的教科书里面的文件后缀名,.html是新的教科书的文件后缀名..htm文件是不完整的支持html5的 ...

  2. css display:table圣杯布局

    圣杯布局指的是一个网页由页眉,3等高列(2个固定侧栏和中心内容主体)和贴在页面底部的页脚组成. 主要思路是对整个容器使用地上diaplay:table 的css规则,然后分别对页眉页脚使用displa ...

  3. JS构造函数（便于理解，简易）

    * 构造函数: * 1.构造函数的函数名最好首字母大写(否则 WebStorm 编辑器会提示报错) * 2.自己的对象多次被复制 * 3.构造函数里可以创建公有属性.公有方法.私有属性和私有方法 * ...

  4. postman接口案例

    接口测试 什么是接口(API) API全称Application Programming Interface,这里面我们其实不用去关注AP,只需要I上就可以.一个API就是一个Interface.我们 ...

  5. LDA概率图模型之贝叶斯理解

    贝叶斯.概率分布与机器学习 转自:http://www.cnblogs.com/LeftNotEasy/archive/2010/09/27/1837163.html  本文由LeftNotEasy原 ...

  6. java面试之----堆(heap)、栈(stack)和方法区(method)

    JAVA的JVM的内存可分为3个区:堆(heap).栈(stack)和方法区(method)也叫静态存储区. 堆区: 1.存储的全部是对象,每个对象都包含一个与之对应的class的信息.(class的 ...

  7. （四）WebDriver常用方法

    点击和输入 前面我们已经学习了定位元素, 定位只是第一步, 定位之后需要对这个元素进行操作, 或单击(按钮) 或输入(输入框) , 下面就来认识 WebDriver 中最常用的几个方法: clear( ...

  8. css随笔

    1. 关于使用pre标签,且要自动换行 可以使用: word-wrap: break-word; white-space: pre-wrap; 2. 更改placeholder样式 .input::- ...

  9. cobbler自动安装

    基础环境:centos7.2 本地IP地址:192.168.56.12 网络环境:桥接模式 一.安装cobbler # rpm -ivh http://mirrors.aliyun.com/epel/ ...

  10. 【转】android的编译和运行过程深入分析

    首先来看一下使用Java语言编写的Android应用程序从源码到安装包的整个过程,示意图如下,其中包含编译.链接和签名等: (1)使用aapt工具生成R.java文件 可以先通过搭建好的Eclipse ...