快捷導(dǎo)航

moment的一些常見(jiàn)用法總結(jié)大全

更新時(shí)間：2023年09月30日 09:44:47 作者：是張魚(yú)小丸子鴨

這篇文章主要給大家總結(jié)介紹了關(guān)于moment的一些常見(jiàn)用法,moment.js是一個(gè)輕量級(jí)的JavaScript時(shí)間庫(kù),對(duì)于日常開(kāi)發(fā)中可能會(huì)存在獲取時(shí)間、設(shè)置時(shí)間、格式化時(shí)間、比較時(shí)間等,需要的朋友可以參考下

獲取時(shí)間戳
生成指定時(shí)間的moment
獲取對(duì)象
格式化
獲取時(shí)間
獲取當(dāng)月的第一天時(shí)星期幾
獲取前n天/后n天
獲取兩個(gè)日期的時(shí)間差
比較兩個(gè)時(shí)間的大小
判斷一個(gè)年份是否是閏年
獲取月份和星期
基礎(chǔ)操作

總結(jié)

前言

在我們前端開(kāi)發(fā)中，我們會(huì)涉及到許多對(duì)時(shí)間日期的一些處理，本文就是對(duì)moment常見(jiàn)用法的總結(jié)

指定語(yǔ)言

不然可能會(huì)引起不必要的bug

moment.locale('zh-cn')

下載：

 npm install moment --save
或
 yarn add moment

引入使用

 import moment from 'moment'

使用

獲取時(shí)間戳

# 精確到毫秒
moment().valueOf()
## 1584182611042 ；返回值為數(shù)值類型
moment().format('x') 
## 返回值為字符串類型
# 精確到秒 
moment().unix()
##  1584182618 精確到秒  返回值為數(shù)值類型
moment().format('X') 
##  返回值為字符串類型

生成指定時(shí)間的moment

moment("2000-9-28")
#帶格式
moment("2000-9-28","MM-DD-YYYY")

獲取對(duì)象

moment().toObject();
# 返回一個(gè)包括：年、月、日、時(shí)、分、秒、毫秒的對(duì)象
# {
    years: 2020
    months: 2
    date: 14
    hours: 18
    minutes: 47
    seconds: 56
    milliseconds: 526
}

格式化

moment().format();
# 2020-03-14T19:14:05+08:00
#默認(rèn)返回的是上面的格式，我們也可以進(jìn)行指定格式 
moment().format('YYYY-MM-DD HH:mm:ss');
# 2020-03-14 19:23:29

獲取時(shí)間

#獲取今天的時(shí)分秒
moment().startOf('day')
#獲取本周的第一天（周日）時(shí)分秒
moment().startOf('week')
#獲取本周周幾的時(shí)分秒
moment().startOf('星期幾')
#獲取當(dāng)月第一天的時(shí)分秒
moment().startOf('month')
# 獲取指定日期的0時(shí)0分0秒
moment('2019-10-20').startOf('day')
# 獲取今天23時(shí)59分59秒
moment().endOf('day')
# 獲取本周最后一天(周六)23時(shí)59分59秒
moment().endOf('week')
# 獲取本周周日23時(shí)59分59秒
moment().endOf('isoWeek')
# 獲取當(dāng)前月最后一天23時(shí)59分59秒
moment().endOf('month')

獲取當(dāng)月的第一天時(shí)星期幾

# 用于設(shè)置星期幾，其中星期日為 0、星期六為 6
moment().startOf('month').day()

獲取前n天/后n天

moment().add(7, 'days');
moment().subtract(7, 'days')

獲取兩個(gè)日期的時(shí)間差

moment([2008, 2, 27]).diff([2007, 0, 28], 'day');
# 424

比較兩個(gè)時(shí)間的大小

moment('2010-10-31').isBefore('2010-12-31', 'day');
# true

第二個(gè)參數(shù)用于確定精度，且不僅僅是要檢查的單個(gè)值，因此使用 day 將會(huì)檢查年份、月份、日期

需要注意的是：isBefore與isAfter都是開(kāi)區(qū)間，如果想要使用閉區(qū)間，應(yīng)該使用isSameOrBefore

isSameOrAfter

判斷一個(gè)年份是否是閏年

#不寫(xiě)年份的話，默認(rèn)判斷的是今年
moment().isLeapYear();
# false
moment([2001]).isLeapYear() 
# false

獲取月份和星期

moment.months()
# ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"]
moment.monthsShort()
# ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
moment.weekdays()
# ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"]
moment.weekdaysMin()
# ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]

基礎(chǔ)操作

moment().hour() // 小時(shí)
moment().date() // 一個(gè)月里的第幾天
moment().day() // 星期幾
moment().dayOfYear() // 一年里的第幾天
moment().week() // 一年里的第幾周
moment().month() // 第幾個(gè)月
moment().quarter() // 一年里的第幾個(gè)季度
moment().year() // 年
moment().daysInMonth() // 當(dāng)前月有多少天
//操作
moment().add(7, 'days') // 之后的第7天。第2個(gè)參數(shù)還可以是 'months', 'years' 等。注意是復(fù)數(shù)。
moment().add(7, 'd'）// 與上面一行代碼的運(yùn)行結(jié)果一樣。
moment().subtract(1, 'months') // 上個(gè)月
// 還支持 'year'，'month' 等
moment().endOf('week')
// 早于
moment('2010-10-20').isBefore('2010-10-21') // true
moment('2010-10-20').isBefore('2010-12-31', 'year') // false
// 是否相等
moment('2010-10-20').isSame('2010-10-20') // true
moment('2010-10-20').isSame('2009-12-31', 'year')  // false
// 晚于
moment('2010-10-20').isAfter('2010-10-19') // true
moment('2010-10-20').isAfter('2010-01-01', 'year') // false
// 是否在時(shí)間范圍內(nèi)
moment('2010-10-20').isBetween('2010-10-19', '2010-10-25') // true
moment('2010-10-20').isBetween('2010-01-01', '2012-01-01', 'year') // false
moment().isLeapYear()