VUE获取本年、本月、本周、本日、去年、上月等的方法。

尾善爱看海

已于 2023-02-02 14:00:38 修改

阅读量3.1k

点赞数

分类专栏： vue js 文章标签：前端 Powered by 金山文档

于 2023-02-02 14:00:35 首次发布

本文链接：https://blog.csdn.net/weichangIT/article/details/128849140

版权

js 同时被 2 个专栏收录

6 篇文章 2 订阅

订阅专栏

vue

2 篇文章 0 订阅

订阅专栏

该代码定义了一个`calculateTimeRange`函数，用于根据给定的时间段标识符（如thisYear,thisMonth等）计算开始和结束时间。函数考虑了多种时间范围，包括今年、本月、本周、昨日、上周等，并返回一个包含两个时间字符串的数组。同时，辅助函数`addZero`用于补零，`getYmdhmsByTime`用于获取时间对象的年月日时分秒。

摘要由CSDN通过智能技术生成

/**
 * 主要函数
 * @param originFlag 时间段标识符，即thisMonth、thisWeek等，不传默认本日。当originFlag为'days'开头的时候，后面拼数字n，则返回结果为从n(不传默认1)日前的0点至originTime(不传默认现在)的时间
 * @param originTime 需要计算的时间，默认当前时间，支持任意时间格式，不传默认现在
 * @returns {string[]} 开始时间和结束时间组成的数组
 */
const calculateTimeRange = (originFlag, originTime) => {
  // 设置缺省值
  const flag = originFlag || 'thisDay';
  let timeObj = null;
  if (originTime === 0) { // 由于0是false，故额外判断一次
    timeObj = new Date(0);
  } else if (new Date(originTime).getTime()) {
    timeObj = new Date(originTime);
  } else {
    timeObj = new Date();
  }
  // 为啥不用switch case，因为case里面不允许const/let
  if (flag === 'thisYear') {
    // 本年
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj)
    return [`${year}-01-01 00:00:00`, `${year}-${month}-${date} ${hour}:${minute}:${second}`]
  } else if (flag === 'thisMonth') {
    // 本月
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj)
    return [`${year}-${month}-01 00:00:00`, `${year}-${month}-${date} ${hour}:${minute}:${second}`]
  } else if (flag === 'thisWeek') {
    // 本周
    const day = timeObj.getDay()
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date] = getYmdhmsByTime(timeObj.getTime() - (day - 1) * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} 00:00:00`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'thisDay') {
    // 本日
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj)
    return [`${year}-${month}-${date} 00:00:00`, `${year}-${month}-${date} ${hour}:${minute}:${second}`]
  } else if (flag === 'yesterday') {
    // 昨日0点至今
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date] = getYmdhmsByTime(timeObj.getTime() - 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} 00:00:00`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'lastYear') {
    // 去年
    const [year] = getYmdhmsByTime(timeObj)
    return [`${year - 1}-01-01 00:00:00`, `${year - 1}-12-31 23:59:59`]
  } else if (flag === 'lastMonth') {
    // 上月
    const [yearNow, monthNow] = getYmdhmsByTime(timeObj)
    const timeStamp = new Date(`${yearNow}-${monthNow}-01 00:00:00`).getTime() - 1
    const [year, month, date] = getYmdhmsByTime(timeStamp)
    return [`${year}-${month}-01 00:00:00`, `${year}-${month}-${date} 23:59:59`]
  } else if (flag === 'lastWeek') {
    // 上周
    const day = timeObj.getDay()
    const [yearFirst, monthFirst, dateFirst] = getYmdhmsByTime(timeObj.getTime() - (day + 6) * 24 * 60 * 60 * 1000)
    const [yearLast, monthLast, dateLast] = getYmdhmsByTime(timeObj.getTime() - day * 24 * 60 * 60 * 1000)
    return [`${yearFirst}-${monthFirst}-${dateFirst} 00:00:00`, `${yearLast}-${monthLast}-${dateLast} 23:59:59`]
  } else if (flag === 'lastDay') {
    // 昨日
    const [year, month, date] = getYmdhmsByTime(timeObj.getTime() - 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} 00:00:00`, `${year}-${month}-${date} 23:59:59`]
  } else if (flag === 'pastYear') {
    // 近1年
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj)
    return [`${year - 1}-${month}-${date} ${hour}:${minute}:${second}`, `${year}-${month}-${date} ${hour}:${minute}:${second}`]
  } else if (flag === 'pastMonth') {
    // 近30日
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj.getTime() - 30 * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} ${hour}:${minute}:${second}`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'pastTwoWeeks') {
    // 近2周
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj.getTime() - 14 * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} ${hour}:${minute}:${second}`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'pastWeek') {
    // 近1周
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj.getTime() - 7 * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} ${hour}:${minute}:${second}`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'pastThreeDays') {
    // 近3日
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj.getTime() - 3 * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} ${hour}:${minute}:${second}`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag === 'pastDay') {
    // 近1日
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj.getTime() - 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} ${hour}:${minute}:${second}`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else if (flag.slice(0, 4) === 'days') {
    // n日前0点至今，入参为形如‘days1’的字符串
    let n = 1
    const num = flag.slice(4)
    if (num && num * 1 && num * 1 >= 0 && num % 1 === 0) {
      n = num * 1
    }
    const [yearNow, monthNow, dateNow, hourNow, minuteNow, secondNow] = getYmdhmsByTime(timeObj)
    const [year, month, date] = getYmdhmsByTime(timeObj.getTime() - n * 24 * 60 * 60 * 1000)
    return [`${year}-${month}-${date} 00:00:00`, `${yearNow}-${monthNow}-${dateNow} ${hourNow}:${minuteNow}:${secondNow}`]
  } else {
    // 关键词错误时，默认返回本日
    const [year, month, date, hour, minute, second] = getYmdhmsByTime(timeObj)
    return [`${year}-${month}-${date} 00:00:00`, `${year}-${month}-${date} ${hour}:${minute}:${second}`]
  }
}

/**
 * 补0方法
 * @param num 需要补0的数字，根据是否小于10来判断是否补0
 * @returns {*|string} 补好0的字符串，注意，是字符串
 */
const addZero = num => {
  return num >= 10 ? '' + num : '0' + num
}

/**
 * 根据时间获取该时间的年月日时分秒
 * @param time 传入的时间，支持任意时间格式，不传默认现在
 * @returns {(number|*)[]}年月日时分秒的arr，建议解构取值
 */
const getYmdhmsByTime = (time) => {
  const timeObj = new Date(time).getTime() ? new Date(time) : new Date();
  const year = timeObj.getFullYear();
  const month = addZero(timeObj.getMonth() + 1);
  const date = addZero(timeObj.getDate());
  const hour = addZero(timeObj.getHours());
  const minute = addZero(timeObj.getMinutes());
  const second = addZero(timeObj.getSeconds());
  return [year, month, date, hour, minute, second]
}

export { calculateTimeRange, addZero, getYmdhmsByTime }