vue momnet详细时间处理

又菜又不想学的小张

已于 2023-02-21 11:57:04 修改

阅读量153

点赞数 1

分类专栏： vue 文章标签： vue.js javascript 前端

于 2023-02-20 18:49:05 首次发布

本文链接：https://blog.csdn.net/qq_45108358/article/details/129128542

版权

vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

当天时间是   2023-02-20  

前期准备
npm i moment 

在需要的页面引入
import moment from 'moment'

1. 获取本周每一天的时间以及星期

在这里插入图片描述

// 获取当前日期的一周的每一天日期和星期几
const week1 = () => {
  // 获取当前日期所在周的日期 可以获取本周的最后一天的日期，根据最后一天的日期进行相减，获取本周一周的日期
  let end = moment().weekday(7).format('YYYY-MM-DD') //本周日
  let week = []
  let xing = []
  for (let index = 0; index < 7; index++) {
    let btd = moment(end).subtract(index, 'days').format('YYYY-MM-DD')
    switch (index) {
      case 0:
        xing.push('星期日')
        break;
      case 1:
        xing.push('星期六')
        break;
      case 2:
        xing.push('星期五')
        break;
      case 3:
        xing.push('星期四')
        break;
      case 4:
        xing.push('星期三')
        break;
      case 5:
        xing.push('星期二')
        break;
      case 6:
        xing.push('星期一')
        break;
      default:
        break;
    }
    week.push({
      xing: xing[index],
      week: btd
    })
  }
  console.log(week.reverse()); //week.reverse()是数组的反转
}

2. 获取当天时间的前三天和最后三天日期

在这里插入图片描述

const week2 = () => {
  let total = []
  let week = []
  let upWeek = []  // 前三天
  let nextWeek = [] // 后三天
  // 获取当前时间
  let curentDate = moment().format('YYYY-MM-DD')
  for (let index = 1; index < 4; index++) {
    // 过去
    let btd = moment().subtract(index, 'days').format('YYYY-MM-DD')
    // 未来
    let atd = moment().add(index, 'days').format('YYYY-MM-DD')
    upWeek.push(btd)
    nextWeek.push(atd)
  }
  week = [...upWeek.reverse(), curentDate, ...nextWeek]
  week.forEach(item => {
    console.log(item);
    switch (moment(item).format('d') * 1) {
      case 0:
        total.push({
          xing: '星期日',
          week: item
        })
        break;
      case 1:
        total.push({
          xing: '星期一',
          week: item
        })
        break;
      case 2:
        total.push({
          xing: '星期二',
          week: item
        })
        break;
      case 3:
        total.push({
          xing: '星期三',
          week: item
        })
        break;
      case 4:
        total.push({
          xing: '星期四',
          week: item
        })
        break;
      case 5:
        total.push({
          xing: '星期五',
          week: item
        })
        break;
      case 6:
        total.push({
          xing: '星期六',
          week: item
        })
        break;
      default:
        break;
    }
  });
  console.log(total);
}