moment常用操作

日历时间

moment().calendar();                          //Today at 3:02 PM
moment().subtract(9,"days").calendar();   // 当前时间前9天,2021/11/07
moment().subtract(4,"days").calendar();   // 当前时间前4天,上星期五10:00
moment().subtract(1,"days").calendar();   // 当前时间前1天,昨天10:00
moment().add(9, 'days').calendar();       // 当前时间加9天,2021/11/25
moment().add(4, 'days').calendar();       // 当前时间加4天,下星期五10:00
moment().add(1,"days").calendar();        // 当前时间加1天,明天10:00

过去时间、未来时间

moment();                     // 当前时间

moment().subtract(1, 'years');    // 当前时间减1年
moment().subtract(7, 'months');  // 当前时间减7个月
moment().subtract(15, 'days');   // 当前时间减15天
 
moment().add(1, 'years');      // 当前时间加1年
moment().add(7, 'months');      // 当前时间加7个月
moment().add(15, 'days');     // 当前时间加15天
 
 
// years、months、hours、minute、seconds同理
// years、months、days、hours、minute、seconds可写为Y、M、D、H、m、s
tips:
  • subtract 减去;扣掉,即以前的时间

  • add 增加,添加,即将来的时间

日期格式化

moment().format();     // 格式为2021-11-17T10:10:10+08:00
moment().format('YYYY-MM-DD HH:mm:ss');     // 当前时间,格式为2021-11-17 10:10:10
moment().format('dddd');        // 星期几
moment().format("MMM Do YY");   // X 月 X 日 X 年
moment().format('YYYY [escaped] YYYY'); //2023 escaped 2023

相对时间

moment("20201031", "YYYYMMDD").fromNow();// 2 years ago  (现在是2023年)
moment("20201031", "YYYYMMDD").fromNow(true); // 2年(传入 true,则可以获得不带后缀的值)

startOf() endOf()

主要应用在时间日期组件使用,可以禁选当天之前的日期、时间,做比较时使用

  1. startOf() 时间开头

通过将原始的 moment 设置为时间单位的开头来对其进行更改

moment().startOf('day').fromNow();    // 设置为今天的00:00:00;
moment().startOf('hour').fromNow();   // 设置为当前时间0分钟0秒钟0毫秒
  1. endOf 时间末尾

通过将原始的 moment 设置为时间单位的末尾来对其进行更改

moment().endOf(‘year’).fromNow();  // 设置为今年的12月31号的23:59:59
moment().endOf(‘day’).fromNow();   // 设置为今天的23:59:59;

时间段

moment() < current || moment().subtract(365, 'days') > current; // 过去的一年时间内
moment().subtract(7, 'days').add(1, 'hours'), moment().add(1, 'hours') // 过去的7天,且时间向上取整
current < moment().subtract(7, "days") || current > moment().add(7, 'd') // 只能选前7后7 

moment.js源码下载安装方法如下

npm install moment --save   # npm
yarn add moment             # Yarn
Install-Package Moment.js   # NuGet
spm install moment --save   # spm
meteor add momentjs:moment  # meteor
bower install moment --save # bower (废弃)

点击此处直接跳转

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要使用yarn安装moment库,可以使用以下命令:yarn add moment。\[1\]安装完成后,可以通过import moment from 'moment'来引入moment库。\[1\]如果需要在浏览器中使用moment库,可以通过在HTML文件中引入<script src="moment.js"></script>来实现。\[2\]如果需要将moment区域设定为中国,可以使用moment.locale('zh-cn')来设置。\[2\]使用moment库可以方便地获取时间,例如可以使用moment().startOf('day').fromNow()来获取距离当前时间的起始时间的相对时间。\[3\] #### 引用[.reference_title] - *1* [moment的一些常用方法](https://blog.csdn.net/youlinhuanyan/article/details/104413520)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [moment.js使用方法总结](https://blog.csdn.net/weixin_30384031/article/details/98061644)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [moment.js 使用方法总结](https://blog.csdn.net/u011200562/article/details/120911211)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

BUG_Jia

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值