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

这是代码，要是直接显示的话就把第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. css display:table圣杯布局

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

  2. 视觉库—OpenCV

    视频会议软件的视频质量除了与外置设备.编码器相关外,还与视频的后处理技术相关,视频图像通过后处理技术,如图像增强.图像去噪等,图像质量会得到主观上较大的提高.而我们通常的视频后处理技术会采用开源的项目 ...

  3. SharePoint Tricks

    1. 64位IE浏览器无法使用Open with Explorer功能,而且会直接用浏览器去打开office文件(不管是否选择使用客户端打开) 2. 对于 large list or library, ...

  4. EBS登陆界面IE显示异常

    使用在IE浏览登陆EBS时: 在登陆界面,登录和取消的按钮显示异常: 在进入HOME界面时,显示的职责全为undefined. 原因: 由于IE版本的兼容性. 解决方法: 浏览器 菜单->工具- ...

  5. Android内存泄漏排查利器LeakCanary

    开源地址:https://github.com/square/leakcanary 在 build.gralde 里加上依赖, 然后sync 一下, 添加内容如下 dependencies { ... ...

  6. SharePoint2010 HTTP Error 503. The service is unavailable 解决方法

    1.更改系统管理员用户密码前提 因为更改系管理员用户密码会影响到 "SharePoint2010"正常运行,所在尽量不要更改系统管理员用户的密码, 必须更改密码的话,需要注意以两点 ...

  7. vmware克隆的linux机器网络不通

    当我使用vmware的完全克隆功能克隆出两台虚拟机之后,登录发现网络不通,仔细检查发现几个问题,由于克隆之后默认的eth0网卡在系统中会变成eth1,导致之前的eth0网卡配置信息无法加载,网络不通, ...

  8. May 21st 2017 Week 21st Sunday

    The smallest deed is better than the greatest intention. 最微小的行动胜过最伟大的打算. Several years ago, just aft ...

  9. ANT 的Table表格样式修改方法

    注:(大家在给页面添加参数或者方法的时候,记得写上注释,方便别人查看) 1.表格行选中样式添加:(可以去beijing,精子库质控统计查看例子) (咱们以前页面上的表格都是在hover时显示选中效果, ...

  10. 数据结构与算法分析java——树2（二叉树类型）

    1. 二叉查找树 二叉查找树(Binary Search Tree)/  有序二叉树(ordered binary tree)/ 排序二叉树(sorted binary tree) 1). 若任意节点 ...