Moment.js 在 JavaScript 中解析、校验、操作、显示日期和时间。

前言  Moment.js 中文网 

Moment.js是一个轻量级的JavaScript时间库。在 JavaScript 中解析、校验、操作、显示日期和时间。比如可以格式化日期、设置相对时间及日历时间,还支持多语言环境等等。
1.安装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 (deprecated)

2.页面进行引入

可全局引入也可单独页面引入

import moment from 'moment'

浏览器方式引入 

<script src="moment.js"></script>

3.moment.js使用

1.获取时间
(1)获取当前日期时间

​
moment().format(); //2023-11-10T19:12:35+08:00

​


(2)获取年、月、日、时、分、秒、毫秒

moment().year();     // 2023
moment().momth();    // 11
moment().date();     // 10
moment().hour();     // 16
moment().minute();   // 10
moment().second();   // 55
moment().millisecond(); 


(3)获取周、星期

moment().week();       //  今年第多少周
moment().day();        //  星期几
moment().weeksInYear();//  今年周数

2.格式化日期

moment().format('MMMM Do YYYY, h:mm:ss a'); // 十一月 10日 2023, 4:59:17 下午
moment().format('dddd');                    // 星期五
moment().format("MMM Do YY");               // 11月 10日 23
moment().format('YYYY [escaped] YYYY');     // 2023 escaped 2023
moment().format();                          // 2023-11-10T16:59:17+08:00

3.相对时间

moment("20111031", "YYYYMMDD").fromNow(); // 12 年前
moment("20120620", "YYYYMMDD").fromNow(); // 11 年前
moment().startOf('day').fromNow();        // 17 小时前
moment().endOf('day').fromNow();          // 7 小时后
moment().startOf('hour').fromNow();       // 1 小时前

4.日历时间

moment().subtract(10, 'days').calendar(); // 2023/10/31
moment().subtract(6, 'days').calendar();  // 上周六16:59
moment().subtract(3, 'days').calendar();  // 本周二16:59
moment().subtract(1, 'days').calendar();  // 昨天16:59
moment().calendar();                      // 今天16:59
moment().add(1, 'days').calendar();       // 明天16:59
moment().add(3, 'days').calendar();       // 下周一16:59
moment().add(10, 'days').calendar();      // 2023/11/20

5.多语言环境支持

moment.locale();         // zh-cn
moment().format('LT');   // 16:59
moment().format('LTS');  // 16:59:17
moment().format('L');    // 2023/11/10
moment().format('l');    // 2023/11/10
moment().format('LL');   // 2023年11月10日
moment().format('ll');   // 2023年11月10日
moment().format('LLL');  // 2023年11月10日下午4点59分
moment().format('lll');  // 2023年11月10日 16:59
moment().format('LLLL'); // 2023年11月10日星期五下午4点59分
moment().format('llll'); // 2023年11月10日星期五 16:59
感谢支持,希望对您有帮助!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值