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

这是代码，要是直接显示的话就把第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. Grunt压缩图片和JS

    今天我们来说一下用Grunt来压缩图片和JS吧! 首先要安装插件: 这是压缩图片的; npm install --save-dev gulp-imagemin 这是压缩JS的: npm install ...

  2. linux账号权限管理

    作为一名管理服务器的程序,最近,明显感到各种linux的账号和权限问题弄得很混乱.所以,接下来要学习一下这块内容. /etc/passwd 这个文件每一行代表一个账号,有几行代表系统中有几个账号.很多 ...

  3. linux定期任务cron

    做个给服务器定期检测的python程序,要python跑起来自己检测时间再执行?我想到了用cron服务. 遇到了个问题python没写绝对路径,没有执行,改了绝对路径就好了.其实人家配置文件开头写了个 ...

  4. matlab练习程序（弧形投影）

    这个其实也算是圆柱体投影了,不过上一篇文章是从正面看,得到的是凸形的结果,而这个是从反面看,得到的是凹形的结果. 计算公式就不写了,大致介绍一下,计算公式中关于x坐标求法和上篇一样,y坐标则正好是上篇 ...

  5. matlab练习程序（随机游走图像）

    随机游走类似布朗运动,就是随机的向各个方向走吧. 虽然代码没什么技术含量,不过产生的图像实在太漂亮了,所以还是贴上来吧. 产生的图像: matlab代码如下: clear all;close all; ...

  6. 使用canvas来绘制折线图

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  7. 导出word的另类做法

    一.背景 项目中经常有导出word的功能,一般用poi来做,但在要求外观较高的情况下,用poi来做基本不能满足需求 而事实上word除了我们一般使用的模式外,还存在xml.与html模式(你没看错,右 ...

  8. Hadoop ->> 关于数据分割（Data Split）的思考

    今天开始学习Hadoop这门热门的数据库技术.直接从被奉为Hadoop圣经的<Hadoop The Definitive Guide 4th Edition>入手.第一章作者写到一个关于分 ...

  9. fstat、stat和lstat 区别(转)

    fstat.stat和lstat 区别(转) stat系统调用系列包括了fstat.stat和lstat,它们都是用来返回“相关文件状态信息”的,三者的不同之处在于设定源文件的方式不同. 1 首先隆重 ...

  10. Eclipse Java常用快捷键(Eclipse Shortcut Keys for Java Top10)(转)

    Eclipse Java常用快捷键(Eclipse Shortcut Keys for Java Top10) 0.背景Eclipse作为Java的OpenSource开发IDE,已经是开发人员进行J ...