vue3封装获取当前年、月、季度、周

1.新建在utils文件夹中handleTime.js文件用于封装方法

javascript 复制代码
// 计算当前周的开始和结束时间
export function calcNowWeek() {
  let startWeek = moment().weekday(0).format('YYYY-MM-DD');
  startWeek = moment(startWeek).subtract(2, 'days').format('YYYY-MM-DD')
  let endWeek = moment().weekday(4).format('YYYY-MM-DD')
  return { startWeek, endWeek }
}
// 计算当前月份的开始和结束时间
export function calcNowMonth() {
  let startMonth = moment().startOf('month').format('YYYY-MM-DD');
  let endMonth = moment().endOf('month').format('YYYY-MM-DD');
  return { startMonth, endMonth }
}
// 计算当前季度的开始和结束时间
export function calcNowQuarter() {
  let index = moment().quarter();
  let year = moment().year();
  let startQuarter = moment(`${year}-${3*(index-1) +1}-01`).format('YYYY-MM-DD');
  let endQuarter = moment(`${year}-${3*index}-${new Date('2024',3*index,0).getDate()}`).format('YYYY-MM-DD');
  return { startQuarter, endQuarter }
}
// 计算当前年的开始和结束时间
export function calcNowYear() {
  let year = moment().year();
  return {
    startYear: `${year}-01-01`,
    endYear: `${year}-12-31`
  }
}

2.引入使用

javascript 复制代码
import { calcNowWeek, calcNowMonth, calcNowQuarter, calcNowYear } from "@/utils/handleTime";



console.log(calcNowQuarter()) // 输出['2024-04-01','2024-06-30']
相关推荐
牛奶4 分钟前
开发者的"奇技淫巧":那些让你效率翻倍的实战技巧
前端·后端·程序员
咸鱼翻身更入味4 分钟前
Vue创建一个简单的Agent聊天——工具调用
前端
Timo来了4 分钟前
indexDB的用法示例
前端
泉城老铁5 分钟前
springboot实现word转换pdf
vue.js·后端
walking9577 分钟前
重新学习前端之设计模式与架构
前端·javascript·面试
walking95710 分钟前
重新学习前端之TypeScript
前端·javascript·面试
walking95711 分钟前
重新学习前端之Linux
前端·vue.js·面试
walking95711 分钟前
重新学习前端之CSS
前端·vue.js·面试
walking95711 分钟前
重新学习前端之Git
前端·vue.js·面试
walking95712 分钟前
重新学习前端之小程序
前端