momentjs详细使用说明

最新推荐文章于 2024-05-13 14:28:48 发布

一花一world

最新推荐文章于 2024-05-13 14:28:48 发布

阅读量677

点赞数 1

分类专栏：前端文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/ACCPluzhiqi/article/details/131744195

版权

前端专栏收录该内容

178 篇文章 28 订阅

订阅专栏

文章介绍了如何使用Moment.js库来获取上周、上月和前三个月的起始和结束时间，以及如何格式化日期、获取星期几和周数。提供了示例代码和相关方法的解释，包括subtract、startOf、endOf、format、day、week、month等。

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

使用 Moment.js 可以轻松地获取上周、上月和前三个月的起始和结束时间。下面是一些示例代码

示例代码：

获取上周的起始和结束时间：

const startOfLastWeek = moment().subtract(1, 'weeks').startOf('week');
const endOfLastWeek = moment().subtract(1, 'weeks').endOf('week');

获取上月的起始和结束时间：

const startOfLastMonth = moment().subtract(1, 'months').startOf('month');
const endOfLastMonth = moment().subtract(1, 'months').endOf('month');

获取前三个月的起始和结束时间：

const startOfThreeMonthsAgo = moment().subtract(3, 'months').startOf('month');
const endOfThreeMonthsAgo = moment().subtract(1, 'months').endOf('month');

在这些示例中，我们使用 Moment.js 的 subtract 方法来减去指定的时间间隔，然后使用 startOf 和 endOf 方法来获取起始和结束时间。可以根据需要进行调整，例如修改时间间隔或者调整时间的精度（如获取月份的起始和结束时间）。

请确保在使用这些代码时，已经正确引入 Moment.js 库，并且 Moment.js 的相关函数和方法可用。

年份、月份、日期的令牌

在 Moment.js 中，有一些令牌可以用于格式化年份、月份和日期。下面是一些常用的令牌：

YYYY：4位数的年份（例如：2023）
YY：2位数的年份（例如：23）
MMMM：完整的月份名称（例如：July）
MMM：缩写的月份名称（例如：Jul）
MM：2位数的月份（例如：07）
M：1位或2位数的月份（例如：7）
DD：2位数的日期（例如：15）
D：1位或2位数的日期（例如：15）

你可以在 Moment.js 中使用这些令牌来格式化日期。例如：

const date = moment();

const formattedYear = date.format('YYYY'); // 2023
const formattedMonth = date.format('MMMM'); // July
const formattedDate = date.format('DD'); // 15

在这个示例中，我们使用 Moment.js 的 format 方法来将日期格式化为指定的字符串。通过传入对应的令牌，我们可以获取年份、月份和日期的不同形式。

你可以根据自己的需求，使用适当的令牌来格式化日期。Moment.js 还提供了许多其他的令牌和格式化选项，可以根据需要进行进一步的探索和使用。

day()

在 Moment.js 中，day() 是一个获取日期的方法。它返回一个整数，表示给定日期是星期几，其中星期天为 0，星期一为 1，依此类推，星期六为 6。

下面是一个使用 day() 方法的示例：

const date = moment('2023-07-15');
const dayOfWeek = date.day();

console.log(dayOfWeek); // 输出：6

在这个示例中，我们使用 Moment.js 创建了一个日期对象，然后调用 day() 方法获取该日期是星期几，并将结果存储在 dayOfWeek 变量中。最后，我们将 dayOfWeek 打印到控制台上，结果是 6，表示该日期是星期六。

你可以根据需要使用 day() 方法来获取日期的星期几，并根据返回的整数值进行相应的处理。请注意，day() 方法返回的是基于 0 的索引，所以星期天是 0，星期一是 1，以此类推。如果你希望获取星期几的名称而不是索引，可以使用 Moment.js 的 format() 方法和相应的令牌来实现。

week()

在 Moment.js 中，week() 是一个获取日期所在年份的周数的方法。它返回一个整数，表示给定日期是所在年份的第几周。

下面是一个使用 week() 方法的示例：

const date = moment('2023-07-15');
const weekOfYear = date.week();

console.log(weekOfYear); // 输出：28

在这个示例中，我们使用 Moment.js 创建了一个日期对象，然后调用 week() 方法获取该日期所在年份的周数，并将结果存储在 weekOfYear 变量中。最后，我们将 weekOfYear 打印到控制台上，结果是 28，表示该日期是所在年份的第 28 周。

需要注意的是，week() 方法默认按照 ISO 周历计算周数，即每周从星期一开始，并且一年中的第一个周必须包含星期四。如果你希望按照其他周历计算周数，可以使用 Moment.js 的 isoWeek() 或 week() 方法的第二个参数来指定。

你可以根据需要使用 week() 方法来获取日期所在年份的周数，并根据返回的整数值进行相应的处理。

month()

在 Moment.js 中，month() 是一个获取日期的方法。它返回一个整数，表示给定日期是哪个月份，其中一月为 0，二月为 1，依此类推，十二月为 11。

下面是一个使用 month() 方法的示例：

const date = moment('2023-07-15');
const month = date.month();

console.log(month); // 输出：6

在这个示例中，我们使用 Moment.js 创建了一个日期对象，然后调用 month() 方法获取该日期的月份，并将结果存储在 month 变量中。最后，我们将 month 打印到控制台上，结果是 6，表示该日期是七月。

需要注意的是，month() 方法返回的是基于 0 的索引，所以一月是 0，二月是 1，以此类推。如果你希望获取月份的名称而不是索引，可以使用 Moment.js 的 format() 方法和相应的令牌来实现。

你可以根据需要使用 month() 方法来获取日期的月份，并根据返回的整数值进行相应的处理。

封装一个整体方法

当然，我可以帮你封装一个方法来获取各种日期信息。以下是一个示例：

function getDateInfo(date) {
  const momentDate = moment(date);

  return {
    year: momentDate.year(),
    month: momentDate.month() + 1,
    day: momentDate.date(),
    dayOfWeek: momentDate.day(),
    weekOfYear: momentDate.week(),
    hour: momentDate.hour(),
    minute: momentDate.minute(),
    second: momentDate.second(),
  };
}

// 使用示例
const date = '2023-07-15';
const dateInfo = getDateInfo(date);

console.log(dateInfo);

在这个示例中，我们定义了一个名为 getDateInfo 的函数，它接受一个日期字符串作为参数。在函数内部，我们使用 Moment.js 将日期字符串转换为 Moment 对象，并使用 Moment 对象的各种方法来获取年份、月份、日期、星期几、所在年份的周数以及小时、分钟、秒等信息。最后，我们将这些信息封装在一个对象中，并将其返回。

你可以根据需要调用 getDateInfo 方法，并传入一个日期字符串来获取相应的日期信息。在示例中，我们传入了 '2023-07-15'，并将返回的日期信息存储在 dateInfo 变量中，然后将其打印到控制台上。

请注意，这只是一个示例，你可以根据自己的需求进行修改和扩展。