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']
相关推荐
10年前端老司机1 分钟前
React无限级菜单:一个项目带你突破技术瓶颈
前端·javascript·react.js
阿芯爱编程4 小时前
2025前端面试题
前端·面试
前端小趴菜055 小时前
React - createPortal
前端·vue.js·react.js
晓13136 小时前
JavaScript加强篇——第四章 日期对象与DOM节点(基础)
开发语言·前端·javascript
菜包eo6 小时前
如何设置直播间的观看门槛,让直播间安全有效地运行?
前端·安全·音视频
烛阴7 小时前
JavaScript函数参数完全指南:从基础到高级技巧,一网打尽!
前端·javascript
chao_7897 小时前
frame 与新窗口切换操作【selenium 】
前端·javascript·css·selenium·测试工具·自动化·html
天蓝色的鱼鱼8 小时前
从零实现浏览器摄像头控制与视频录制:基于原生 JavaScript 的完整指南
前端·javascript
三原8 小时前
7000块帮朋友做了2个小程序加一个后台管理系统,值不值?
前端·vue.js·微信小程序
popoxf8 小时前
在新版本的微信开发者工具中使用npm包
前端·npm·node.js