vue 点击获取当前时间上/下周整周数据

实现思路:
1.获取本周一周的时间日期

 getTime(time) {//time = 7下周  -7上周   0本周let date = new Date(); //this.chaoZuoTimelet currentFirstDate = new Date(date);let formatDate = function(date) {// console.log(date);let year = date.getFullYear(); //年let month = date.getMonth() + 1; //月let day = date.getDate(); //日;// let arr = ["日", "一", "二", "三", "四", "五", "六"];let week = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"][date.getDay()];//我需要的格式是  （周几 月.日） 这里看你们的需求return week + " " + month + "." + day;};let addDate = function(date, n) {// console.log(date.getDate() + n);date.setDate(date.getDate() + n);return date;};let setDate = function(date) {let week = date.getDay() - 1;//控制 日开头还是一开头date = addDate(date, week * -1);currentFirstDate = new Date(date);let weekList = [];for (let i = 0; i < 7; i++) {weekList[i] = formatDate(i == 0 ? date : addDate(date, 1));}return weekList;};// let upWeek = setDate(addDate(currentFirstDate, -7));this.thisWeek = setDate(addDate(currentFirstDate, time)); //本周// let nextWeek = setDate(addDate(currentFirstDate, 7)); //下周// let today = formatDate(date); //今日日期// console.log(thisWeek); }

效果–本周

实现点击上周/下周
思路：先获取上周今天的时间，比如今天5月29日上周的今天就是5月22日通过setDate 传入正负7来控制

 //获取上周今天的时间/下周今天的时间fun_date(num, data) {//num = 7/-7//data = 今天的日期   ps：因为还需要获取上上周的日期 ，所以需要一个变量 来存储上周今天的日期let date1 = new Date(data);//今天时间let time1 =date1.getFullYear() +"-" +(date1.getMonth() + 1) +"-" +date1.getDate();console.log(time1);let date2 = new Date(date1);date2.setDate(date1.getDate() + num);//num是正数表示之后的时间，num负数表示之前的时间，0表示今天let time2 =date2.getFullYear() +"-" +(date2.getMonth() + 1) +"-" +date2.getDate();this.chaoZuoTime = time2; //返回上周今天的时间，用变量储存},

3.调用

   getHeader(num) {//上周if (num == -7) {//this.getTime(-7, this.fun_date(-7, this.chaoZuoTime));this.getTime(0, this.fun_date(-7, this.chaoZuoTime));} else {//this.getTime(7, this.fun_date(7, this.chaoZuoTime));this.getTime(0, this.fun_date(7, this.chaoZuoTime))}},//这里发有朋友发先了一个问题，这里我传值的时候传错了，第一个参数应该是0，项目里改完，博客没有更新，很感谢小伙伴们找出问题。

如果写的有问题，请指出，谢谢_小白轻喷！

vue 点击获取当前时间上/下周整周数据相关推荐

Calendar类获取当前时间上一个月，下一个月，当月的最后一天等的处理方法
Calendar cal = Calendar.getInstance();//获取一个Calendar对象 cal.setTime(new Date() ); cal.add(Calendar.MO ...
mySql比较并获取当前时间x分钟之前的数据(时间是字符串类型)
实现方法一获取当前时间15分钟之前的数据(addTime是添加时间),15是分钟 select * from sys_user where timestampdiff(second,date_add ...
vue 点击获取鼠标坐标（鼠标位置）
<button @click="getMouseXY($event)">点击获取鼠标坐标</button> getMouseXY(e){this.x = e ...
若依的框架怎么样_基于bootstrapTable的若依框架如何获取表格选中行的整行数据？...
导语项目是基于若依框架写的,大部分的底层技术都是bootstrap. 最近在写一个项目的时候遇见一个需求,需要将子页面表格中选中的数据回传给父页面.为了减少网络请求,所以就准备直接使用子父页面传值. ...
Js 获取当前时间上一个月 YYYY-mm
一.准备二.注意三.代码一.准备 1.JavaScript Date 对象 2.getFullYear():从 Date 对象以四位数字返回年份. 3.getMonth():从 Date 对象返 ...
oracle获取系统时间上一个月
select to_char(add_months(sysdate,-1), 'mm') from dual;
js备忘录模式——实现分页点击已经请求过上一页的数据(读js设计模式)
例子:新闻数据实现分页||点击下一页后又点击上一页后不用再次请求数据,避免资源浪费,网速不好,用户体验效果差备忘录模式:在不破坏对象的封装性的前提下,在对象之外捕获并保存该对象内部的状态以方便日后对 ...
获取当前时间的天、周、月、季度、半年度、年度开始和结束时间
package com.dada.test; import java.text.SimpleDateFormat; import java.util.Calendar; import java.uti ...
python 获取百度地图上北京地铁的数据，然后excel导出
今天有人叫我写一下怎样获取百度上地铁的站的名字和线路的代码,我顺手写了一下,这里分享一下我的过程: import requests import jsonimport pandas as pd# ur ...

vue 点击获取当前时间上/下周整周数据

vue 点击获取当前时间上/下周整周数据相关推荐

最新文章

热门文章

vue 点击获取当前时间上/下周 整周数据

vue 点击获取当前时间上/下周 整周数据相关推荐

最新文章

热门文章

vue 点击获取当前时间上/下周整周数据

vue 点击获取当前时间上/下周整周数据相关推荐