Vue实现连续上一周、本周、连续下一周日期时间显示

调用事件:
data(){return{ weekTime:"" }} //记录当前显示的周 周一0时的时间戳

  1. // status: 0 本周 1 下一周 -1 上一周

  2. changeWeek(status){
    let timeArr = this.getMonday(status);
    for(let i=0;i<7;i++){
    this.thead[i].date = timeArr[i];
    }
    }

    // 实现方法
    getMonday(dates) {
    let arr = [],weekOne=’’;
    let todayTimeStr = new Date(new Date().toLocaleDateString()).getTime();
    var day = (new Date().getDay() - 1) * 24 * 60 * 60 * 1000;
    if(dates == 0){//本周
    weekOne = todayTimeStr - day;//周一 0点的时间戳
    }
    // 一天的时间戳
    let dayTime = 24 * 60 * 60 * 1000;
    if(dates == -1){//上一周
    weekOne = this.weekTime - 7 * 24 * 60 * 60 * 1000;
    }else if(dates==1){//下一周
    weekOne = this.weekTime + 7 * 24 * 60 * 60 * 1000;
    }
    this.weekTime = weekOne;
    for(let i=0;i<7;i++){
    let timeOne_year = new Date(new Date(weekOne + i * dayTime)).getFullYear();
    let timeOne_month = new Date(new Date(weekOne + i * dayTime)).getMonth() + 1>=10?new Date(new Date(weekOne + i *
    dayTime)).getMonth() + 1:‘0’ + (new Date(new Date(weekOne + i *
    dayTime)).getMonth() + 1);
    let timeOne_date = new Date(new Date(weekOne + i * dayTime)).getDate()>=10?new Date(new Date(weekOne + i *
    dayTime)).getDate():‘0’+new Date(new Date(weekOne + i *
    dayTime)).getDate();
    arr.push(timeOne_year+’-’+timeOne_month+’-’+timeOne_date);
    }
    console.log(arr);
    return arr;
    },

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值