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

这是代码，要是直接显示的话就把第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. 【代码笔记】Java基础：Java的方法和类

    面向过程与面向对象都是我们编程中,编写程序的一种思维方式.例如:公司打扫卫生(擦玻璃.扫地.拖地.倒垃圾等), 按照面向过程的程序设计方式会思考“打扫卫生我该怎么做,然后一件件的完成”,最后把公司卫生 ...

  2. js中的this问题

    this this的指向在函数定义的时候是确定不了的,只有函数执行的时候才能确定this到底指向谁,实际上 this的最终指向的是那个调用它的对象(这里其实并不完全对,this的指向有时候会很微妙,得 ...

  3. css rgba/hsla知识点讲解及半透明边框

    一.RGBA(R,G,B,A) 参数: R:红色值.正整数 | |百分数 G:绿色值.正整数 | |百分数 B:蓝色值.正整数 | |百分数 A:Alpha透明度.取值0~1之间. 说明:此色彩模式与 ...

  4. Flexviewer调用特定的widget

    Flexviewer调用特定的widget: 之前一直是自己添加个固定的key来调用widget 但是后来发现框架早就为你写好啦调用widget的方法 在WidgetManager中有个 public ...

  5. Network Request Failed

    在react native项目中,有时候调用接口会出现这样的错误提示:“Network Request Failed”. 一.模拟器上报“Network Request Failed”解决办法,也是官 ...

  6. GBase数据库——常用命令

    针对GBase 8a 版本 1数据库操作与维护 1.1数据库启停 [root@OMMB-66-V10-001 ~]# service gcware stop Stopping GCMonit succ ...

  7. ORA-01795: 列表中的最大表达式数为1000的解决方法

    IN中的数据量不能超过1000条. 解决方案:把条件分成多个少于1000的IN即: DELETEFROMT_MM_SECTION_SITE_UPDATEWHERE T.T_MM_SECTION_SL_ ...

  8. SAP成都研究院许聚龙：Hello, Coresystems！

    Jerry的前一篇文章<SAP成都研究院数字创新空间沟通S/4HANA和C/4HANA的智能服务演示视频和Coresystems分享预告>已经提到,接下来会由SAP成都研究院数字创新空间的 ...

  9. python接口测试-项目实践（四）拼接出预期结果

    四 字符串拼接 空值处理 当某字段接口数据为空,则不显示相关字串. 比如字串原本是 "...,净资产收益率:ROE%",当接口数据中ROE为空,不显示',净资产收益率:%' 三目运 ...

  10. JQuery前端技术记录

    [Jquery-leearning notes-2015]by lijun 1   Jquery是javascript实现的库,目标在于改变web应用的高交互性的方式. 其不唐突性:样式(.css). ...