转自 www.cnblogs.com/Airon-wei/p…

原文

let dateTimes = [
      {
          id: 1,
          name: '本周',
          start_time: dayjs().startOf('week').add(1, 'day').format('YYYY-MM-DD'),
          end_time: dayjs().endOf('week').add(1, 'day').format('YYYY-MM-DD'),
      }，
    {
          id: 2,
          name: '上周',
          start_time: dayjs().add(-1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD'),
          end_time: dayjs().add(-1, 'week').endOf('week').add(1, 'day').format('YYYY-MM-DD'),
        },
        {
          id: 3,
          name: '本月',
          start_time: dayjs().startOf('month').format('YYYY-MM-DD') ,
          end_time: dayjs().endOf('month').format('YYYY-MM-DD'),
        },
        {
          id: 4,
          name: '上月',
          start_time: dayjs().add(-1, 'month').startOf('month').format('YYYY-MM-DD') ,
          end_time: dayjs().add(-1, 'month').endOf('month').format('YYYY-MM-DD'),
        },
      ]

      let curMonth = dayjs().month() + 1
      if (curMonth < 3) {
        dateTimes.push(
          {
            id: 5,
            name: '本季度',
            start_time: dayjs().month(0).format('YYYY-MM-DD'),
            end_time: dayjs().month(2).endOf('month').format('YYYY-MM-DD'),
          },
          {
            id: 6,
            name: '上季度',
            start_time: dayjs().add(-1, 'year').month(9).format('YYYY-MM-DD'),
            end_time: dayjs().add(-1, 'year').month(11).endOf('month').format('YYYY-MM-DD'),
          },
        )
      } else if (curMonth < 6) {
        dateTimes.push(
          {
            id: 5,
            name: '本季度',
            start_time: dayjs().month(3).format('YYYY-MM-DD'),
            end_time: dayjs().month(5).endOf('month').format('YYYY-MM-DD'),
          },
          {
            id: 6,
            name: '上季度',
            start_time: dayjs().month(0).format('YYYY-MM-DD'),
            end_time: dayjs().month(2).endOf('month').format('YYYY-MM-DD') ,
          },
        )
      } else if (curMonth < 9) {
        dateTimes.push(
          {
            id: 5,
            name: '本季度',
            start_time: dayjs().month(6).format('YYYY-MM-DD'),
            end_time: dayjs().month(8).endOf('month').format('YYYY-MM-DD'),
          },
          {
            id: 6,
            name: '上季度',
            start_time: dayjs().month(3).format('YYYY-MM-DD'),
            end_time: dayjs().month(5).endOf('month').format('YYYY-MM-DD'),
          },
        )
      } else if (curMonth < 12) {
        dateTimes.push(
          {
            id: 5,
            name: '本季度',
            start_time: dayjs().month(9).format('YYYY-MM-DD'),
            end_time: dayjs().month(11).endOf('month').format('YYYY-MM-DD'),
          },
          {
            id: 6,
            name: '上季度',
            start_time: dayjs().month(6).format('YYYY-MM-DD'),
            end_time: dayjs().month(8).endOf('month').format('YYYY-MM-DD'),
          },
        )
      }

实际场景：需要给时间选择器添加预设 当前月、上一月、本季度、本年度

import dayjs, { Dayjs } from 'dayjs'

export class TimeUtil {
  static getQuarterTimes(): [Dayjs, Dayjs] {
    const curMonth = dayjs().month() + 1
    if (curMonth <= 3) {
      return [dayjs().month(0).startOf('month'), dayjs().month(2).endOf('month')]
    } else if (curMonth <= 6) {
      return [dayjs().month(3).startOf('month'), dayjs().month(5).endOf('month')]
    } else if (curMonth <= 9) {
      return [dayjs().month(6).startOf('month'), dayjs().month(8).endOf('month')]
      // } else if (curMonth < 12) {
    } else {
      return [dayjs().month(9).startOf('month'), dayjs().month(11).endOf('month')]
    }
  }
  static getRangePresets(): {
    label: string
    value: [Dayjs, Dayjs]
  }[] {
    return [      { label: '当前月', value: [dayjs().startOf('month'), dayjs().endOf('month')] },
      { label: '上一月', value: [dayjs().add(-1, 'month').startOf('month'), dayjs().add(-1, 'month').endOf('month')] },
      { label: '本季度', value: TimeUtil.getQuarterTimes() },
      { label: '本年度', value: [dayjs().startOf('year'), dayjs().endOf('year')] }
    ]
  }
}