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']
相关推荐
a***13142 分钟前
python的sql解析库-sqlparse
android·前端·后端
0***R51523 分钟前
前端构建工具缓存,node_modules
前端·缓存
坚持就完事了30 分钟前
CSS-4:CSS的三大特性
前端·css
坚持就完事了40 分钟前
CSS-3:背景设置
前端·css·html
坚持就完事了41 分钟前
CSS-2:CSS的元素显示模式
前端·css
肠胃炎1 小时前
Flutter 基础组件
前端·flutter
酥风1 小时前
AI概念解惑系列 - RAG
前端·llm·aigc
djk88881 小时前
多标签页导航后台模板 html+css+js 纯手写 无第三方UI框架 复制粘贴即用
javascript·css·html
IT_陈寒1 小时前
Redis深度优化:10个让你的QPS提升50%的关键配置解析
前端·人工智能·后端
Hilaku1 小时前
别再吹性能优化了:你的应用卡顿,纯粹是因为产品设计烂🤷‍♂️
前端·javascript·代码规范