js获取当前周、上一周、下一周日期


Posted in Javascript onMarch 19, 2017

效果图:

js获取当前周、上一周、下一周日期

代码如下:

<!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(){     
      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;
      };
      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);
        currentFirstDate = new Date(date);

        for(var i = 0;i<clen;i++){         
          cells[i].innerHTML = formatDate(i==0 ? date : addDate(date,1));
        }        
      };       
      document.getElementById('last-week').onclick = function(){
        setDate(addDate(currentFirstDate,-7));     
      };       
      document.getElementById('next-week').onclick = function(){         
        setDate(addDate(currentFirstDate,7));
      };   
      setDate(new Date());
    }
  </script>
</head>
<body>
  <button id="last-week">上一周</button><button id="next-week">下一周</button>
  <table id="monitor">
    <tr>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</body>
</html>

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
javascript 强制刷新页面的实现代码
Dec 13 Javascript
javascript面向对象入门基础详细介绍
Sep 05 Javascript
js获取location.href的参数实例代码
Aug 02 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
浅析Bootstrap验证控件的使用
Jun 23 Javascript
很棒的js Tab选项卡切换效果
Aug 30 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
Oct 31 Javascript
详解JavaScript树结构
Jan 09 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
angular 实现的输入框数字千分位及保留几位小数点功能示例
Jun 19 Javascript
react 父子组件之间通讯props
Sep 08 Javascript
Vue中的nextTick作用和几个简单的使用场景
Jan 25 Vue.js
浅析bootstrap原理及优缺点
Mar 19 #Javascript
jQuery中用on绑定事件时需注意的事项
Mar 19 #Javascript
$.browser.msie 为空或不是对象问题的多种解决方法
Mar 19 #Javascript
JavaScript数据结构之链表的实现
Mar 19 #Javascript
用jQuery实现圆点图片轮播效果
Mar 19 #Javascript
Bootstrap 网格系统布局详解
Mar 19 #Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 #Javascript
You might like
php中sprintf与printf函数用法区别解析
2014/02/17 PHP
php检测useragent版本示例
2014/03/24 PHP
在 Laravel 中 “规范” 的开发短信验证码发送功能
2017/10/26 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
PHP将英文数字转换为阿拉伯数字实例讲解
2019/01/28 PHP
PHP根据key删除数组中指定的元素
2019/02/28 PHP
js字符串截取函数substr substring slice使用对比
2013/11/27 Javascript
js 显示base64编码的二进制流网页图片
2014/04/04 Javascript
jquery查找父元素、子元素(个人经验总结)
2014/04/09 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
JQuery $.each遍历JavaScript数组对象实例
2014/09/01 Javascript
jQuery选择器_动力节点Java学院整理
2017/07/05 jQuery
jquery之基本选择器practice(实例讲解)
2017/09/30 jQuery
vue 引用自定义ttf、otf、在线字体的方法
2019/05/09 Javascript
Node.js 实现简单的无侵入式缓存框架的方法
2019/07/21 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
Vue组件基础用法详解
2020/02/05 Javascript
JavaScript设计模式之策略模式实现原理详解
2020/05/29 Javascript
纯js+css实现在线时钟
2020/08/18 Javascript
[00:32]DOTA2上海特级锦标赛 Ehome战队宣传片
2016/03/03 DOTA
python和shell实现的校验IP地址合法性脚本分享
2014/10/23 Python
详解Python中使用base64模块来处理base64编码的方法
2016/07/01 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
Python编程在flask中模拟进行Restful的CRUD操作
2018/12/28 Python
关于Python作用域自学总结
2019/06/10 Python
python移位运算的实现
2019/07/15 Python
python使用paramiko模块通过ssh2协议对交换机进行配置的方法
2019/07/25 Python
解决django同步数据库的时候app models表没有成功创建的问题
2019/08/09 Python
wxPython窗体拆分布局基础组件
2019/11/19 Python
python实现人机猜拳小游戏
2020/02/03 Python
CSS3字体效果的设置方法小结
2016/06/13 HTML / CSS
Blue Nile台湾:钻石珠宝商,订婚首饰、结婚戒指和精品首饰
2017/11/24 全球购物
幼儿园优秀班主任事迹材料
2014/05/14 职场文书
神龙架导游词
2015/02/11 职场文书
2016继续教育研修日志
2015/11/13 职场文书
python数字图像处理:图像简单滤波
2022/06/28 Python