Moment

安装moment

npm install moment --save

moment 可以在浏览器和Nodejs环境中引入。以浏览器为例

import * as moment from 'moment'
console.log(new Moment())

Moment对象长这样子。

image.png

它并不会自行转换成时间字符串。
用format方法尝试 转换,它是一个标明了时区的绝对时间

console.log(new Moment().format())
// 2022-05-30T09:18:29+08:00

语言的引入
经测试，并没有得到想要的结果。

import * as moment from 'moment'
import 'moment/locale/pt-br'
moment.locale('pt-BR')
console.log(moment.locale())

新建对象的形式

// 字符串形式
console.log(moment())
console.log(moment('1995-12-25'))
console.log(moment('12-25-1995', 'MM-DD-YYYY', 'zh-cn')) // 字符串对应的格式，用于输入
console.log(moment('It is 2012-05-25', 'YYYY-MM-DD').isValid()) // 验证时间格式的正确性
// 多种格式匹配
console.log(moment('29-06-1995', ['MM-DD-YYYY', 'DD-MM', 'DD-MM-YYYY'])) // 使用最后一种格式。
console.log(moment('05-06-1995', ['MM-DD-YYYY', 'DD-MM-YYYY'])) // 使用第一种格式

// 对象形式
console.log(moment({ hour: 15, minute: 10 }))

// 时间戳形式
console.log(moment(new Date().getTime()))

// Date对象
console.log(moment(new Date()))

// 数组形式
console.log(moment([2010, 1, 14, 15, 25, 50, 125]))

// 使用对象克隆
console.log(moment(moment([2012])))
console.log(moment().clone())

赋值或者取值。赋值传值，取值不传

// 赋值和取值
console.log(moment().second(10).minute(20).hour(15).date(14))
console.log(moment().date())
// 使用get方法
console.log(moment().get('year'))
console.log(moment().get('month'))
console.log(moment().get('date'))
console.log(moment().get('hour'))
console.log(moment().get('minute'))

求一组时间的最大值和最小值

console.log(moment.max(moment('2022-5-18'), moment('2022-5-12'), moment('2022-5-2')))
console.log(moment.min(moment('2022-5-18'), moment('2022-5-12'), moment('2022-5-2')))

增加、减少相对时间，比如增加7天

console.log(moment().add(7, 'days'))
console.log(moment().subtract(7, 'days'))

格式化

console.log(moment().month(11).format('YYYY M D'))
console.log(moment().subtract(3, 'days').from(moment()))
console.log(
  moment().calendar(null, {
    sameDay: '[今天]'
  })
)

其它方法

// 格式转换
console.log(moment().toArray())
console.log(moment().toObject())
console.log(moment().toString())

// 比较
console.log(moment('2010-10-20').isAfter('2010-10-19'))
console.log(moment('2010-10-20').isBefore('2010-10-21'))
console.log(moment('2010-10-20').isSame('2009-12-31', 'year'))
console.log(moment('2010-10-20').isBetween('2010-10-19', '2010-10-25'))

这里只是很小一部分方法，其余看官网
http://momentjs.cn/docs/

dayjs

Day.js被设计用于在浏览器和Node.js中工作。
安装

npm install dayjs --save

以浏览器为例，引入

import * as dayjs from 'dayjs'
console.log(dayjs())

dayjs对象

image.png

国际化, dayjs的国际化设置没有问题。

import * as dayjs from 'dayjs'
import 'dayjs/locale/zh-cn'
dayjs.locale('zh-cn')
console.log(dayjs('12-25-1995', 'MM-DD-YYYY').format('dddd'))

dayjs与moment大同小异。不同的是dayjs实现某些功能需要另外引入插件，dayjs本身提供一个较小的包。
引入插件

import * as isLeapYear from 'dayjs/plugin/weekOfYear' 
dayjs.extend(weekOfYear)
dayjs('2018-06-27').week() // 26
dayjs('2018-06-27').week(5) // set week

大概看看dayjs的一些方法，基本上与moment的方法名是一致的

dayjs.extend(minMax)
console.log(dayjs('12-25-1995', 'MM-DD-YYYY'))
console.log(dayjs('12-25-2001', ['YYYY', 'YYYY-MM-DD'], 'es', true))
// 克隆
console.log(dayjs().clone())
console.log(dayjs().isValid())
// 赋值和取值
console.log(dayjs().second(30).valueOf())
console.log(dayjs().second())
console.log(dayjs().get('year'))
// 最大最小值
console.log(dayjs.max(dayjs(), dayjs('2018-01-01'), dayjs('2019-01-01')))
console.log(dayjs.min([dayjs(), dayjs('2018-01-01'), dayjs('2019-01-01')]))
// 加减
console.log(dayjs().add(7, 'day'))
console.log(dayjs().subtract(7, 'year'))
// 格式化
console.log(dayjs('2019-01-25').format('DD/MM/YYYY'))
// 转换
dayjs.extend(toObject)
console.log(dayjs('2019-01-25').toObject())
dayjs.extend(toArray)
console.log(dayjs('2019-01-25').toArray())
// 比较
console.log(dayjs().isBefore(dayjs('2011-01-01')))
console.log(dayjs().isSame(dayjs('2011-01-01')))