使用day.js库的方法获取上周、本周、下周、上月、本月、下月、本年，的时间范围

最新推荐文章于 2024-11-08 18:03:11 发布

原创最新推荐文章于 2024-11-08 18:03:11 发布 · 5k 阅读

18 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

JavaScript 专栏收录该内容

18 篇文章

订阅专栏

文章介绍了如何在JavaScript中使用Day.js库来获取和处理上周、本周、下周、上个月、本月和下个月的起始和结束日期，以日期对象的形式返回日期范围。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <script src="https://cdn.jsdelivr.net/npm/dayjs@1.10.6/dayjs.min.js"></script>
</head>
<body>
  <script>
  const weekStart = 1; // 1表示周一是一周的开始，0表示周日是一周的开始

  // 获取上周的起始日期和结束日期
  function getLastWeek() {
    const startOfWeek = dayjs().subtract(1, 'week').day(weekStart).format('YYYY-MM-DD') + ' 00:00:00';
    const endOfWeek = dayjs().subtract(1, 'week').day(weekStart + 6).format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfWeek, endOfWeek };
  }

  // 获取本周的起始日期和结束日期
  function getCurrentWeek() {
    const startOfWeek = dayjs().day(weekStart).format('YYYY-MM-DD') + ' 00:00:00';
    const endOfWeek = dayjs().day(weekStart + 6).format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfWeek, endOfWeek };
  }

  // 获取下周的起始日期和结束日期
  function getNextWeek() {
    const startOfWeek = dayjs().add(1, 'week').day(weekStart).format('YYYY-MM-DD') + ' 00:00:00';
    const endOfWeek = dayjs().add(1, 'week').day(weekStart + 6).format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfWeek, endOfWeek };
  }

  // 获取上个月的起始日期和结束日期
  function getLastMonth() {
    const startOfMonth = dayjs().subtract(1, 'month').startOf('month').format('YYYY-MM-DD') + ' 00:00:00';
    const endOfMonth = dayjs().subtract(1, 'month').endOf('month').format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfMonth, endOfMonth };
  }

  // 获取本月的起始日期和结束日期
  function getCurrentMonth() {
    const startOfMonth = dayjs().startOf('month').format('YYYY-MM-DD') + ' 00:00:00';
    const endOfMonth = dayjs().endOf('month').format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfMonth, endOfMonth };
  }

  // 获取下个月的起始日期和结束日期
  function getNextMonth() {
    const startOfMonth = dayjs().add(1, 'month').startOf('month').format('YYYY-MM-DD') + ' 00:00:00';
    const endOfMonth = dayjs().add(1, 'month').endOf('month').format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfMonth, endOfMonth };
  }

  // 获取本年的起始日期和结束日期
  function getCurrentYear() {
    const startOfYear = dayjs().startOf('year').format('YYYY-MM-DD') + ' 00:00:00';
    const endOfYear = dayjs().endOf('year').format('YYYY-MM-DD') + ' 23:59:59';
    return { startOfYear, endOfYear };
  }

  // 示例
  console.log(getLastWeek());
  console.log(getCurrentWeek());
  console.log(getNextWeek());
  console.log(getLastMonth());
  console.log(getCurrentMonth());
  console.log(getNextMonth());
  console.log(getCurrentYear());
  </script>
</body>
</html>