moment.js使用方法总结

Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。日常开发中,通常会对时间进行下面这几个操作:比如获取时间,设置时间,格式化时间,比较时间等等。下面就是我对moment.js使用过程中的整理,方便以后查阅。

1.安装与引入

按照

npm install moment  或者  yarn add moment

引入

// require 方式
var moment = require('moment');

// import 方式
import moment from 'moment'; 

浏览器方式引入

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

2.获取时间
(1)获取当前时间
moment()
(2)格式化指定时间
moment("1995-12-25")
moment("1995/12/25")
moment("1995.12.25")
moment("1995-12-25 14:23:49")
moment("1995-12-25T10:24:13.000+08:00")
(3)获取指定时间时间
// 获取今天0时0分0秒
moment().startOf('day')

// 获取本周第一天(周日)0时0分0秒
moment().startOf('week')

// 获取本周周一0时0分0秒
moment().startOf('isoWeek')

// 获取当前月第一天0时0分0秒
moment().startOf('month')

// 获取今天23时59分59秒
moment().endOf('day')

// 获取本周最后一天(周六)23时59分59秒
moment().endOf('week')

// 获取本周周日23时59分59秒
moment().endOf('isoWeek')

// 获取当前月最后一天23时59分59秒
moment().endOf('month')


(4)获取当前月的总天数
moment().daysInMonth() 
(5)获取时间戳

以秒为单位

moment().format('X') // 返回值为字符串类型
moment().unix() // 返回值为数值型

以毫秒为单位

moment().format('x') // 返回值为字符串类型
moment().valueOf() // 返回值为数值型
(6)获取指定时间年、月、日、时、分、秒
// 获取年份
moment().year()
moment().get('year')

// 获取月份
moment().month()  // (0~11, 0: January, 11: December)
moment().get('month')

// 获取当年第几周
moment().week()
moment().get('week')

// 获取一个月中的某一天
moment().date()
moment().get('date')

// 获取一个星期中的某一天
moment().day() // (0~6, 0: Sunday, 6: Saturday)
moment().weekday() // (0~6, 0: Sunday, 6: Saturday)
moment().isoWeekday() // (1~7, 1: Monday, 7: Sunday)
moment().get('day')
mment().get('weekday')
moment().get('isoWeekday')

// 获取小时
moment().hours()
moment().get('hours')

// 获取分钟
moment().minutes()
moment().get('minutes')

// 获取秒数
moment().seconds()
moment().get('seconds')

// 获取当前的年月日时分秒
moment().toArray() // [years, months, date, hours, minutes, seconds, milliseconds]
moment().toObject() // {years: xxxx, months: x, date: xx ...}

(7)设置时间
// 设置年份
moment().year(2019)
moment().set('year', 2019)
moment().set({year: 2019})

// 设置月份
moment().month(11)  // (0~11, 0: January, 11: December)
moment().set('month', 11) 

// 设置某个月中的某一天
moment().date(15)
moment().set('date', 15)

// 设置小时
moment().hours(12)
moment().set('hours', 12)

// 设置分钟
moment().minutes(30)
moment().set('minutes', 30)

// 设置秒数
moment().seconds(30)
moment().set('seconds', 30)

(8)设置时间+1
// 年份+1
moment().add(1, 'years')
moment().add({years: 1})

// 月份+1
moment().add(1, 'months')

// 日期+1
moment().add(1, 'days')

// 星期+1
moment().add(1, 'weeks')

// 小时+1
moment().add(1, 'hours')

// 分钟+1
moment().add(1, 'minutes')

// 秒数+1
moment().add(1, 'seconds')

(9)设置时间-1
// 年份-1
moment().subtract(1, 'years')
moment().subtract({years: 1})

// 月份-1
moment().subtract(1, 'months')

// 日期-1
moment().subtract(1, 'days')

// 星期-1
moment().subtract(1, 'weeks')

// 小时-1
moment().subtract(1, 'hours')

// 分钟-1
moment().subtract(1, 'minutes')

// 秒数-1
moment().subtract(1, 'seconds')

(10)格式化时间

1

// 格式化年月日: 'xxxx年xx月xx日'
moment().format('YYYY年MM月DD日')

// 格式化年月日: 'xxxx-xx-xx'
moment().format('YYYY-MM-DD')

// 格式化时分秒(24小时制): 'xx时xx分xx秒'
moment().format('HH时mm分ss秒')

// 格式化时分秒(12小时制):'xx:xx:xx am/pm'
moment().format('hh:mm:ss a')

// 格式化时间戳(以毫秒为单位)
moment().format('x') // 返回值为字符串类型

(11)比较时间

获取两个日期之间的时间差

let start_date = moment().subtract(1, 'weeks')
let end_date = moment()

end_date.diff(start_date) // 返回毫秒数

end_date.diff(start_date, 'months') // 0
end_date.diff(start_date, 'weeks') // 1
end_date.diff(start_date, 'days') // 7
start_date.diff(end_date, 'days') // -7

(12)转化为JavaScript原生Date对象
moment().toDate()
new Date(moment())
3、官网

http://momentjs.cn

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Moment.js是一个轻量级的JavaScript时间库,它方便了日常开发中对时间的操作,提高了开发效率。它可以用于获取时间、设置时间、格式化时间、比较时间等等操作。要使用Moment.js,首先需要引入该库。在Node.js中,可以通过安装Moment.js来引入,具体步骤如下:首先,使用npm安装Moment.js库。然后,在代码中使用require语句引入Moment.js库。接下来,就可以使用Moment.js提供的方法来进行时间操作了。需要注意的是,近期Moment.js已经进入维护期,不再提供大版本更新,推荐使用其他时间处理库代替或使用JavaScript实验阶段的提案Temporal。\[1\]\[2\]\[3\] #### 引用[.reference_title] - *1* [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_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [moment.js使用](https://blog.csdn.net/qq_53689264/article/details/131207555)[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_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [Moment.js官方推荐使用其它时间处理库代替](https://blog.csdn.net/lunahaijiao/article/details/108786680)[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_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值