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

这是代码，要是直接显示的话就把第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.h标签(标题标签) h1~h62.br标签(换行标签) <br/>3.hr标签(水平线标签) <hr/>4.strong(加粗) em(倾斜)5. ...

  2. 30 Excellent WordPress Video Tutorials

    http://sixrevisions.com/wordpress/30-excellent-wordpress-video-tutorials/ WordPress是一种使用PHP语言开发的博客平台 ...

  3. Eclipse equinox implementation of OSGi

    Bundle package org.osgi.framework; public interface Bundle extends Comparable<Bundle> { int UN ...

  4. Elipse plugin or Bundle & OSGI

    Develop and register service, lookup and use service! Android Design on service's publish-find-bind ...

  5. 使用gulp解决外部编辑器修改Eclipse文件延迟刷新

    本人前端用惯了Hbuilder,修改了eclipse项目中的文件后,由于是外部编辑器修改过的,eclipse不会自动部署更新,一般按F5刷新项目,或者在 preferences > genera ...

  6. java面试题之----HashMap常见面试题总结

    “你用过HashMap吗?” “什么是HashMap?你为什么用到它?” 几乎每个人都会回答“是的”,然后回答HashMap的一些特性,譬如HashMap可以接受null键值和值,而Hashtable ...

  7. oracle模糊搜索避免使用like，替换为instr()

    oracle中instr()函数用法 instr(name,'张三')>0  相当于  name like '%张三%' instr(name,'张三')=1  相当于  name like ' ...

  8. 一个查看UI5控件所有公有方法的小技巧

    一个很小的tip:比如我想把UI5表格控件里的每列设置成宽度根据显示的内容自适应,需要知道应该调用控件的哪个方法来实现. 一种办法当然是查SAP帮助文档,得知需要调用控件的公有方法setAutoSiz ...

  9. 让ADO.NET Entity Framework 支持ACCESS数据库

    如写的不好请见谅,本人水平有限. 个人简历及水平:. http://www.cnblogs.com/hackdragon/p/3662599.html 接到一个程序和网页交互的项目,用ADO.NET ...

  10. POJ-2828 Buy Tickets---线段树+逆序

    题目链接: https://cn.vjudge.net/problem/POJ-2828 题目大意: 插队的问题,每个案例给出n,代表有n个插队的,每个给出p,v,意思是代号为v的人插在了第p个人的后 ...