js一周时间表
<div class="datetext">
<img class="dateLeft" src="./images/dateLeft.png">
<div><span class="startDate">2019-07-08</span> 至 <span class="endDate">2019-07-14</span></div>
<img class="dateRight" bindtap="nextWeek" src="./images/dateRight.png">
</div>
// 一周时间表
function getBeforeDate(n) {//n为你要传入的参数,当前为0,前一天为-1,后一天为1
var date = new Date();
var year, month, day;
date.setDate(date.getDate() + n);
year = date.getFullYear();
month = date.getMonth() + 1;
day = date.getDate();
s = year + '-' + (month < 10 ? ('0' + month) : month) + '-' + (day < 10 ? ('0' + day) : day);
return s;
} getBeforeDate(0); function addDate(date, days) {
var d = new Date(date);
d.setDate(d.getDate() + days);
var month = d.getMonth() + 1;
var day = d.getDate();
if (month < 10) {
month = "0" + month;
}
if (day < 10) {
day = "0" + day;
}
var val = d.getFullYear() + "-" + month + "-" + day;
return val;
} var nowDate = new Date();
//当前日
var nowDay = nowDate.getDate();
//今天是本周的第几天
var nowDayOfWeek = nowDate.getDay();
// console.log(nowDayOfWeek)
// console.log(getBeforeDate(1 - nowDayOfWeek));
// 获取当前一周时间表
$('.startDate').html(getBeforeDate(1 - nowDayOfWeek));
$('.endDate').html(getBeforeDate(1 - nowDayOfWeek + 6));
// 点击上一周
$('.dateLeft').on('click', function () {
let dateStart = addDate($('.startDate').html(), -7);
let dateEnd = addDate($('.endDate').html(), -7);
$('.startDate').html(dateStart);
$('.endDate').html(dateEnd);
})
// 点击下一周
$('.dateRight').on('click', function () {
let dateStart = addDate($('.startDate').html(), 7);
let dateEnd = addDate($('.endDate').html(), 7);
$('.startDate').html(dateStart);
$('.endDate').html(dateEnd);
})
.datetext {
padding: 0 0.4267rem;
height: 1.3067rem;
display: flex;
align-items: center;
background: #fff;
margin-top: 0.0133rem;
}
.datetext>img {
width: 0.6667rem;
height: 0.6667rem;
}
.datetext>div {
flex: 1;
text-align: center;
color: #333;
font-size: 0.4533rem;
}
js一周时间表的更多相关文章
- 用js获取周、月第一天和最后一天(转载)
var getCurrentWeek = function (day) { var days = ["周日", "周一", "周二", &q ...
- JS第一周学习笔记整理
目录 JS正式课第一周笔记整理 JS正式课第一周笔记整理 webstorm : 代码编辑器 浏览器: 代码解析器: Git : 是一个工具;用于团队协作开发项目管理代码的工具:在工作中用git.svn ...
- 微信小程序一周时间表
<view class="dateView"> <image class="dateLeft" bindtap="prevWeek& ...
- React.js 三周 -- 入门到搭建团队基础项目
吐槽 公司自己的产品,由于历史遗留问题,前端一直是和java放到一个项目里写的. 导致了,前端就被死死的绑在了IDEA战车上.想要看页面效果,先起几个java服务.想要调试一个改动,重启个java服务 ...
- JS获取周、月、季度日期
效果: 代码: //用于获取日期本周.本月.本季度的js //Author : guanghe //文件引用方法:<script src="${staticPath}/common/j ...
- JS 显示周 几和 月 日
function getMyDay(date){ var week; ; var day = date.getDate(); ) week="周日" ) week="周一 ...
- 重谈react优势——react技术栈回顾
react刚刚推出的时候,讲react优势搜索结果是几十页. 现在,react已经慢慢退火,该用用react技术栈的已经使用上,填过多少坑,加过多少班,血泪控诉也不下千文. 今天,再谈一遍react优 ...
- 使用.NET Core与Google Optimization Tools实现员工排班计划Scheduling
上一篇说完<Google Optimization Tools介绍>,让大家初步了解了Google Optimization Tools是一款约束求解(CP)的高效套件.那么我们用.NET ...
- C# 解决组合优化问题
Google Optimization Tools介绍 Google Optimization Tools(OR-Tools)是一款专门快速而便携地解决组合优化问题的套件.它包含了: 约束编程求解器. ...
随机推荐
- CodeForces - 721C 拓扑排序+dp
题意: n个点m条边的图,起点为1,终点为n,每一条单向边输入格式为: a,b,c //从a点到b点耗时为c 题目问你最多从起点1到终点n能经过多少个不同的点,且总耗时小于等于t 题解: 这道 ...
- Codeforces Round #650 (Div. 3) F1. Flying Sort (Easy Version) (离散化,贪心)
题意:有一组数,每次操作可以将某个数移到头部或者尾部,问最少操作多少次使得这组数非递减. 题解:先离散化将每个数映射为排序后所对应的位置,然后贪心,求最长连续子序列的长度,那么最少的操作次数一定为\( ...
- hdu4801 PocketCube 2阶魔方
http://acm.hdu.edu.cn/showproblem.php?pid=4801 1. 题目描述给定一个2×2×22×2×2的魔方,当某个面上的4个小块颜色均相同时,称这个面为comple ...
- 强网杯 2019]随便注(堆叠注入,Prepare、execute、deallocate)
然后就是今天学的新东西了,堆叠注入. 1';show databases; # 1';show tables; # 发现两个表1919810931114514.words 依次查询两张表的字段 1'; ...
- HCTF Warmup (phpmyadmin4.8.1的文件包含漏洞 )
Warmup 先看hint image.png 看url有file参数,感觉可能要用伪协议啥的,试了下,没出东西扫一下目录,发现http://warmup.2018.hctf.io/source. ...
- 2021-2-16:请问你知道分布式设计模式中的Quorum思想么?
有效个数(Quorum) 有效个数(Quorum)这个设计模式一般是指分布式系统的每一次修改都要在大多数实例上通过来确定修改通过. 问题背景 在一个分布式存储系统中,用户请求会发到一个实例上.通常在一 ...
- Dyno-queues 分布式延迟队列 之 基本功能
Dyno-queues 分布式延迟队列 之 基本功能 目录 Dyno-queues 分布式延迟队列 之 基本功能 0x00 摘要 0x01 Dyno-queues分布式延迟队列 1.1 设计目标 1. ...
- Fetch API & cancel duplicate API & cache API
Fetch API & cancel duplicate API & cache API const usersCache = new Map<string, User>( ...
- codepen 上25个最受欢迎的HTML/CSS代码
Codepen是一个非常了不起的网站,优设哥在设计师网址导航上也大力推荐过,得到了很多同学的喜爱,也是全球web前端开发人员的圣地! 我搜索了一些时下最好最流行的codepen(仅限于HTML和CSS ...
- google 人机身份验证
google 人机身份验证 Are you a robot? Introducing "No CAPTCHA reCAPTCHA" https://googleonlinesecu ...