momentjs使用详细说明

 更新时间:2023年07月20日 14:14:36   作者:一花一world  
这篇文章主要介绍了momentjs详细使用说明,使用 Moment.js 可以轻松地获取上周、上月和前三个月的起始和结束时间,在示例中,我们传入了 '2023-07-15',并将返回的日期信息存储在 dateInfo 变量中,然后将其打印到控制台上,需要的朋友可以参考下

使用 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 方法来减去指定的时间间隔,然后使用 startOfendOf 方法来获取起始和结束时间。可以根据需要进行调整,例如修改时间间隔或者调整时间的精度(如获取月份的起始和结束时间)。

请确保在使用这些代码时,已经正确引入 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 变量中,然后将其打印到控制台上。

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

到此这篇关于momentjs详细使用说明的文章就介绍到这了,更多相关momentjs使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • 如何用JS有效的压缩图片

    如何用JS有效的压缩图片

    JavaScript操作压缩图片原理不难,已有成熟 API,然而在实际输出压缩后结果却总有意外,有些图片竟会越压缩越大,加之终端(手机)类型众多,有些手机压缩图片甚至变黑。本文将一步一步解决此类问题
    2021-05-05
  • 微信小程序中吸底按钮适配iPhone X方案

    微信小程序中吸底按钮适配iPhone X方案

    这篇文章主要介绍了微信小程序中吸底按钮适配iPhone X方案,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-11-11
  • JavaScript 模块的循环加载实现方法

    JavaScript 模块的循环加载实现方法

    本文介绍JavaScript语言如何处理"循环加载"。目前,最常见的两种模块格式CommonJS和ES6,处理方法是不一样的,返回的结果也不一样
    2015-12-12
  • IE不出现Flash激活框的小发现的js实现方法

    IE不出现Flash激活框的小发现的js实现方法

    IE不出现Flash激活框的小发现的js实现方法...
    2007-09-09
  • 原生JS实现图片懒加载之页面性能优化

    原生JS实现图片懒加载之页面性能优化

    在项目开发中,我们往往会遇到一个页面需要加载很多图片的情况。这篇文章主要介绍了页面性能优化原生JS实现图片懒加载 ,需要的朋友可以参考下
    2019-04-04
  • javascript用函数实现对象的方法

    javascript用函数实现对象的方法

    这篇文章主要介绍了javascript用函数实现对象的方法,涉及javascript函数使用技巧,需要的朋友可以参考下
    2015-05-05
  • 35个JS中实用工具函数的代码分享

    35个JS中实用工具函数的代码分享

    身为后台开发的各位铁铁,实际开发不管是公司要求或是自身发展,学前端已经是我们内卷路上必定碰到的,那今天小编就给大家总结下那些我们工作中可能遇到的一些实用Js函数
    2022-06-06
  • JS实现加载时锁定HTML页面元素的方法

    JS实现加载时锁定HTML页面元素的方法

    这篇文章主要介绍了JS实现加载时锁定HTML页面元素的方法,涉及javascript针对页面元素的遍历与属性操作相关实现技巧,需要的朋友可以参考下
    2017-06-06
  • js比较日期大小的方法

    js比较日期大小的方法

    这篇文章主要介绍了js比较日期大小的方法,涉及javascript日期的转化、匹配、比较等常用操作技巧,需要的朋友可以参考下
    2015-05-05
  • 微信小程序实现转盘抽奖

    微信小程序实现转盘抽奖

    这篇文章主要为大家详细介绍了微信小程序实现转盘抽奖,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09

最新评论