1.页面加载显示当前年份的第几周

效果如图:

html代码:

<font size="2" color="black">
     <input id="btnweek5" type="button" class="btn" value="上周" οnclick="EduCommission.GetLastWeek()" />
      <span id="year"></span><span>第</span><span id="week"></span><span>周</span>
      <input id="btnweek6" type="button" value="下周" class="btn" οnclick="EduCommission.GetNextWeek()" />
  </font>

JS代码:

var date = new Date();
    nowyear = date.getFullYear();
    nowweek = EduCommission.TheWeek(date);
    $("#year").text(nowyear);
    $("#week").text(nowweek - 1);

//本周 EduCommission.TheWeek = function (now) {

var totalDays = 0;

var years = now.getYear();

if (years < 1000)

years += 1900;

var days = new Array(12);

days[0] = 31;

days[2] = 31;

days[3] = 30;

days[4] = 31;

days[5] = 30;

days[6] = 31;

days[7] = 31;

days[8] = 30;

days[9] = 31;

days[10] = 30;

days[11] = 31;

if (Math.round(now.getYear() / 4) == now.getYear() / 4)

{  days[1] = 29;     }

else { days[1] = 28;}

if (now.getMonth() == 0)

{

totalDays = totalDays + now.getDate();

}

else {

var curMonth = now.getMonth();

for (var count = 1; count <= curMonth; count++) {

totalDays = totalDays + days[count - 1];         }

totalDays = totalDays + now.getDate();     }

var week = Math.round(totalDays / 7) + 1;

return week; }

 2.点击上一周或下一周时:

//点击上一周

EduCommission.GetLastWeek = function () {

var y = $("#year").text();

var week = $("#week").text();

if (week == 1) {

$("#year").text(y - 1);

var strdate = y - 1 + "-12-31";

var date = new Date(Date.parse(strdate.replace(/-/g, "/")));

var lastyearweek = EduCommission.TheWeek(date);

$("#week").text(lastyearweek);     }

else {

$("#week").text(week - 1);

}  };

//点击下一周

EduCommission.GetNextWeek = function () {

var y = $("#year").text();

var week = $("#week").text();

if (y < nowyear) {

var strdate = y + "-12-31";

var date = new Date(Date.parse(strdate.replace(/-/g, "/")));

var weekcount = EduCommission.TheWeek(date);

if (week == weekcount) {

$("#year").text(parseInt(y) + 1);

$("#week").text(1);

}

else {

$("#week").text(parseInt(week) + 1);

}

else {

$("#week").text(parseInt(week) + 1);

}

};

转载于:https://www.cnblogs.com/xinbaba/p/6381638.html

利用JS实现点击上一周或下一周却换相关推荐

  1. js实现点击上一题和下一题出现对应的题目,

    <!DOCTYPE html> <html> <head>         <meta charset="utf-8">       ...

  2. html页面点击小图弹出大图代码,利用JS实现点击小图弹出大图代码

    特效描述:利用JS实现 点击小图 弹出大图代码.利用JS实现点击小图弹出大图代码 代码结构 1. HTML代码 (function(){ var LightBox = function(options ...

  3. element的datepicker日期选择器选择周一到周日并实现上一周和下一周

    element的datepicker日期选择器选择周一到周日并实现上一周和下一周 实现效果 页面初始化效果 点击上一周 点击下一周 实现选择周一和周日过程 1.采用el-date-picker组件,类 ...

  4. 手机端利用JS压缩图片并上传

    本人水平有限,如有错误,欢迎指正,谢谢! 思路: 1.手机端选择图片或拍照后,由于体积过大,上传到服务器端后,不仅占用服务器磁盘空间,而且打开速度慢,所以采用前端JS对图片进行压缩后上传. 2.服务器 ...

  5. 日历选择:周一到周日固定、选择当前周、上一周、下一周的日期。

    其中日期是分为前一周.当前周.下一周三段时间戳来计算的. 周一到周日的时间戳.我是根据第一天的时间戳firstTime来往后推的. perTime = firstTime + i * 24 * 60 ...

  6. 获取当前周、上一周、下一周日期

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html > <he ...

  7. JS小练习:使用JavaScript实现点击‘上一张’,‘下一张’循环播放图片

    代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...

  8. 利用js,实现网页上实时更新时间,需要时直接拿来用,不需要改动

    html文件代码 <div><span id="showNowTime"></span></div> js文件代码 <scri ...

  9. 头像上传html js版,点击上传头像预览

    [javascript]代码库 HTML5上传图片预览 请选择图片文件:JPG/GIF $("#file0").change(function(){ var objUrl = ge ...

最新文章

  1. 八张图看懂上海人工智能产业发展现状
  2. Oracle数据库中调用Java类开发存储过程、函数的方法
  3. Silverlight, B/S or C/S?
  4. MFC中 给按钮添加图片的方法
  5. BASH 中的字符串处理
  6. 联通sgip协议 java socket_sgip12 个人编写的 联通SGIP协议基于 socket 方式实现 源 联合开发网 - pudn.com...
  7. Exception in thread “main“ java.lang.UnsupportedOperationException Arrays.asList中add报错
  8. dataguard如何实现切换_ORACLE dataguard 切换
  9. Android StickHeaderRecyclerView - 让recyclerview头部固定
  10. 错误java.lang.NoClassDefFoundError: org/jaxen/VariableContext
  11. Adobe Flash Player已不再受支持 解决方案
  12. 一份软件工程行业生存指南
  13. python+appium+android模拟器自动化测试 源码
  14. 类名与样式是否为并列关系
  15. 解决JBX常见问题最权威的办法(来自borland)
  16. MOTO不相信眼泪!艰难回归!你,准备好了吗?
  17. 精品软件 推荐 电子书转换器 EPUB to PDF Converter
  18. pcb元器件通孔焊盘激光焊锡的优势
  19. zabbix邮箱告警
  20. 已解决NameError: name ‘unichr‘ is not defined

热门文章

  1. oracle中调试存储过程,详解Oracle调试存储过程
  2. 汇编语言属于C语言吧,汇编语言和c语言的区别是什么
  3. Unity中BVH骨骼动画驱动的可视化理论与实现
  4. JavaScript 验证表单不为空和获取select下拉列表的值和文本
  5. python 3.x 爬虫基础---http headers详解
  6. 【练习】使用事务控制语句
  7. 启动Tomcat 7一闪而过的问题
  8. Spark技术内幕:Stage划分及提交源码分析
  9. iOS 面试之Block
  10. 几种服务器端IO模型的简单介绍及实现(转载)