Resumo do uso comum de momento

Índice

especifique o idioma

download:

Apresentar e usar

usar

obter carimbo de data/hora

Gerar um momento em um horário especificado

obter objeto

 formatar

 Consiga tempo

Obtenha o dia da semana quando o primeiro dia do mês

Obter n dias anteriores/próximos n dias

Obtenha a diferença horária entre duas datas

Compare o tamanho de duas vezes

Verifique se um ano é bissexto

obter mês e semana

operação basica 

Em nosso desenvolvimento front-end, envolveremos muito processamento de hora e data. Este artigo é um resumo do uso comum de momento

especifique o idioma

Caso contrário, pode causar bugs desnecessários

moment.locale('zh-cn')

download:

 npm install moment --save
 yarn add moment

Apresentar e usar

 import moment from 'moment'

usar

obter carimbo de data/hora


# 精确到毫秒
 
moment().valueOf()
## 1584182611042 ;返回值为数值类型
moment().format('x') 
## 返回值为字符串类型
 
 
# 精确到秒 
moment().unix()
##  1584182618 精确到秒  返回值为数值类型
moment().format('X') 
##  返回值为字符串类型

Gerar um momento em um horário especificado

moment("2000-9-28")


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

obter objeto


moment().toObject();
# 返回一个包括:年、月、日、时、分、秒、毫秒的对象
# {
    years: 2020
    months: 2
    date: 14
    hours: 18
    minutes: 47
    seconds: 56
    milliseconds: 526
}

 formatar


moment().format();
# 2020-03-14T19:14:05+08:00

#默认返回的是上面的格式,我们也可以进行指定格式 
moment().format('YYYY-MM-DD HH:mm:ss');
# 2020-03-14 19:23:29

 Consiga tempo

#获取今天的时分秒
moment().startOf('day')

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

#获取本周周几的时分秒
moment().startOf('星期几')

#获取当月第一天的时分秒
moment().startOf('month')


# 获取指定日期的0时0分0秒
moment('2019-10-20').startOf('day')
 
# 获取今天23时59分59秒
moment().endOf('day')
 
# 获取本周最后一天(周六)23时59分59秒
moment().endOf('week')
 
# 获取本周周日23时59分59秒
moment().endOf('isoWeek')
 
# 获取当前月最后一天23时59分59秒
moment().endOf('month')

Obtenha o dia da semana quando o primeiro dia do mês


# 用于设置星期几,其中星期日为 0、星期六为 6
moment().startOf('month').day()

Obter n dias anteriores/próximos n dias


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

Obtenha a diferença horária entre duas datas

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

Compare o tamanho de duas vezes

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

O segundo parâmetro é usado para determinar a precisão, e não apenas um único valor para verificar, então usar dia irá verificar o ano, mês, dia

Deve-se notar que: isBefore e isAfter são intervalos abertos. Se você quiser usar um intervalo fechado, você deve usar isSameOrBefore

é o mesmo ou depois

Verifique se um ano é bissexto

#不写年份的话,默认判断的是今年
moment().isLeapYear();
# false
 
moment([2001]).isLeapYear() 
# false

obter mês e semana


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"]

operação basica

moment().hour() // 小时
moment().date() // 一个月里的第几天
moment().day() // 星期几
moment().dayOfYear() // 一年里的第几天
moment().week() // 一年里的第几周
moment().month() // 第几个月
moment().quarter() // 一年里的第几个季度
moment().year() // 年
moment().daysInMonth() // 当前月有多少天
 
//操作
moment().add(7, 'days') // 之后的第7天。第2个参数还可以是 'months', 'years' 等。注意是复数。
moment().add(7, 'd')// 与上面一行代码的运行结果一样。
moment().subtract(1, 'months') // 上个月

 
// 还支持 '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

 
// 是否在时间范围内
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() 

おすすめ

転載: blog.csdn.net/qq_60976312/article/details/127512468