利用JS实现点击上一周或下一周却换
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实现点击上一周或下一周却换相关推荐
- js实现点击上一题和下一题出现对应的题目,
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> ...
- html页面点击小图弹出大图代码,利用JS实现点击小图弹出大图代码
特效描述:利用JS实现 点击小图 弹出大图代码.利用JS实现点击小图弹出大图代码 代码结构 1. HTML代码 (function(){ var LightBox = function(options ...
- element的datepicker日期选择器选择周一到周日并实现上一周和下一周
element的datepicker日期选择器选择周一到周日并实现上一周和下一周 实现效果 页面初始化效果 点击上一周 点击下一周 实现选择周一和周日过程 1.采用el-date-picker组件,类 ...
- 手机端利用JS压缩图片并上传
本人水平有限,如有错误,欢迎指正,谢谢! 思路: 1.手机端选择图片或拍照后,由于体积过大,上传到服务器端后,不仅占用服务器磁盘空间,而且打开速度慢,所以采用前端JS对图片进行压缩后上传. 2.服务器 ...
- 日历选择:周一到周日固定、选择当前周、上一周、下一周的日期。
其中日期是分为前一周.当前周.下一周三段时间戳来计算的. 周一到周日的时间戳.我是根据第一天的时间戳firstTime来往后推的. perTime = firstTime + i * 24 * 60 ...
- 获取当前周、上一周、下一周日期
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html > <he ...
- JS小练习:使用JavaScript实现点击‘上一张’,‘下一张’循环播放图片
代码: <!DOCTYPE html> <html><head><meta charset="utf-8"><title> ...
- 利用js,实现网页上实时更新时间,需要时直接拿来用,不需要改动
html文件代码 <div><span id="showNowTime"></span></div> js文件代码 <scri ...
- 头像上传html js版,点击上传头像预览
[javascript]代码库 HTML5上传图片预览 请选择图片文件:JPG/GIF $("#file0").change(function(){ var objUrl = ge ...
最新文章
- 八张图看懂上海人工智能产业发展现状
- Oracle数据库中调用Java类开发存储过程、函数的方法
- Silverlight, B/S or C/S?
- MFC中 给按钮添加图片的方法
- BASH 中的字符串处理
- 联通sgip协议 java socket_sgip12 个人编写的 联通SGIP协议基于 socket 方式实现 源 联合开发网 - pudn.com...
- Exception in thread “main“ java.lang.UnsupportedOperationException Arrays.asList中add报错
- dataguard如何实现切换_ORACLE dataguard 切换
- Android StickHeaderRecyclerView - 让recyclerview头部固定
- 错误java.lang.NoClassDefFoundError: org/jaxen/VariableContext
- Adobe Flash Player已不再受支持 解决方案
- 一份软件工程行业生存指南
- python+appium+android模拟器自动化测试 源码
- 类名与样式是否为并列关系
- 解决JBX常见问题最权威的办法(来自borland)
- MOTO不相信眼泪!艰难回归!你,准备好了吗?
- 精品软件 推荐 电子书转换器 EPUB to PDF Converter
- pcb元器件通孔焊盘激光焊锡的优势
- zabbix邮箱告警
- 已解决NameError: name ‘unichr‘ is not defined