Day.js 库进阶使用

dayjs('2019-01-25').add(1, 'day').subtract(1, 'year').year(2009).toString()

const a = dayjs()
const b = a.add(7, 'day')

// a -> the original value and will not change
// b -> the manipulation result

result = dayjs().add(dayjs.duration({'days' : 1}))
console.log(dayjs.duration().days(1))

dayjs().subtract(7, 'year')

dayjs().startOf('year')

dayjs().endOf('month')

dayjs.extend(utc)

var a = dayjs.utc()
a.format() // 2019-03-06T00:00:00Z
a.local().format() //2019-03-06T08:00:00+08:00

dayjs.extend(utc)

var a = dayjs()
a.format() //2019-03-06T08:00:00+08:00
a.utc().format() // 2019-03-06T00:00:00Z

dayjs().utcOffset()

dayjs.extend(utc)

dayjs().utcOffset(120)

// 以下两种写法是等效的
dayjs().utcOffset(8)  // 设置小时偏移量
dayjs().utcOffset(480)  // 设置分钟偏移量 (8 * 60)

dayjs.utc('2000-01-01T06:01:02Z').utcOffset(1, true).format() 
// 2000-01-01T06:01:02+01:00

dayjs().format() 
// 默认返回的是 ISO8601 格式字符串 '2020-04-02T08:02:17-05:00'

dayjs('2019-01-25').format('[YYYYescape] YYYY-MM-DDTHH:mm:ssZ[Z]') 
// 'YYYYescape 2019-01-25T00:00:00-02:00Z'

dayjs('2019-01-25').format('DD/MM/YYYY') // '25/01/2019'

dayjs.extend(LocalizedFormat)
dayjs().format('L LT')

dayjs.extend(relativeTime)

dayjs('1999-01-01').fromNow() // 22 years ago

dayjs.extend(relativeTime)

dayjs('1999-01-01').fromNow(true) // 22 年

dayjs.extend(relativeTime)

var a = dayjs('2000-01-01')

dayjs('1999-01-01').from(a) // 1 年前

dayjs.extend(relativeTime)

var a = dayjs('2000-01-01')

dayjs('1999-01-01').from(a, true) // 1 年

dayjs.extend(relativeTime)

dayjs('1999-01-01').toNow() // 22 年后

dayjs.extend(relativeTime)

var a = dayjs('2000-01-01')

dayjs('1999-01-01').to(a) // 1 年后

dayjs.extend(calendar)

dayjs().calendar()
dayjs().calendar(dayjs('2008-01-01'))

dayjs().calendar(null, {
  sameDay: '[Today at] h:mm A', // The same day ( Today at 2:30 AM )
  nextDay: '[Tomorrow]', // The next day ( Tomorrow at 2:30 AM )
  nextWeek: 'dddd', // The next week ( Sunday at 2:30 AM )
  lastDay: '[Yesterday]', // The day before ( Yesterday at 2:30 AM )
  lastWeek: '[Last] dddd', // Last week ( Last Monday at 2:30 AM )
  sameElse: 'DD/MM/YYYY' // Everything else ( 7/10/2011 )
})

const date1 = dayjs('2019-01-25')
const date2 = dayjs('2018-06-05')
date1.diff(date2) // 20214000000 默认单位是毫秒

const date1 = dayjs('2019-01-25')
date1.diff('2018-06-05', 'month') // 7

const date1 = dayjs('2019-01-25')
date1.diff('2018-06-05', 'month', true) // 7.645161290322581

dayjs('2019-01-25').valueOf() // 1548381600000
  +dayjs(1548381600000) // 1548381600000

dayjs('2019-01-25').unix() // 1548381600

dayjs('2019-01-25').daysInMonth() // 31

dayjs('2019-01-25').toDate()

dayjs.extend(toArray)

dayjs('2019-01-25').toArray() // [ 2019, 0, 25, 0, 0, 0, 0 ]

dayjs('2019-01-25').toJSON() // '2019-01-25T02:00:00.000Z'

dayjs('2019-01-25').toISOString() // '2019-01-25T02:00:00.000Z'

dayjs.extend(toObject)

dayjs('2019-01-25').toObject()
/* { years: 2019,
     months: 0,
     date: 25,
     hours: 0,
     minutes: 0,
     seconds: 0,
     milliseconds: 0 } */

dayjs('2019-01-25').toString() // 'Fri, 25 Jan 2019 02:00:00 GMT'

dayjs().isBefore(dayjs('2011-01-01')) // 默认毫秒

dayjs().isBefore('2011-01-01', 'month') // compares month and year

dayjs().isSame(dayjs('2011-01-01')) // 默认毫秒

dayjs().isSame('2011-01-01', 'year')

dayjs().isAfter(dayjs('2011-01-01')) // 默认毫秒

dayjs().isAfter('2011-01-01', 'month') // compares month and year

dayjs.extend(isSameOrBefore)
dayjs().isSameOrBefore(dayjs('2011-01-01')) // 默认毫秒

dayjs().isSameOrBefore('2011-01-01', 'year')

dayjs.extend(isSameOrAfter)
dayjs().isSameOrAfter(dayjs('2011-01-01')) // 默认毫秒

dayjs().isSameOrAfter('2011-01-01', 'year')

dayjs.extend(isBetween)
dayjs('2010-10-20').isBetween('2010-10-19', dayjs('2010-10-25')) 
// 默认毫秒

dayjs().isBetween('2010-10-19', '2010-10-25', 'month') // compares month and year

dayjs('2016-10-30').isBetween('2016-01-01', '2016-10-30', null, '[)')

dayjs.isDayjs(dayjs()) // true
dayjs.isDayjs(new Date()) // false

dayjs() instanceof dayjs // true

dayjs.extend(isLeapYear)

dayjs('2000-01-01').isLeapYear() // true

require('dayjs/locale/zh-cn')
// import 'dayjs/locale/zh-cn' // ES 2015 

dayjs.locale('zh-cn') // 全局使用
dayjs().locale('zh-cn').format() // 当前实例使用

var locale_de = require('dayjs/locale/de')
// import locale_de from 'dayjs/locale/de'  // ES 2015 

<script src="path/to/dayjs/locale/de"></script>
<script>
  dayjs.locale('de') // 全局使用
  dayjs().locale('de').format() // 当前实例使用
</script>

<script src="path/to/dayjs/locale/de"></script>
<!-- Load locale as window.dayjs_locale_NAME -->
<script>
  var customLocale = window.dayjs_locale_zh_cn // zh-cn -> zh_cn
</script>

<!-- CDN example (jsDelivr) -->
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/dayjs@1/locale/zh-cn.js"></script>
<script>dayjs.locale('zh-cn')</script>

require('dayjs/locale/zh-cn')

dayjs.locale('zh-cn') // 全局使用简体中文
dayjs.locale('en') // 全局使用默认的英语语言

require('dayjs/locale/de')
dayjs().locale('de').format() // 局部修改语言配置

dayjs.locale() // 'en'

dayjs.extend(localeData)

dayjs.weekdays()
dayjs.weekdaysShort()
dayjs.weekdaysMin()
dayjs.monthsShort()
dayjs.months() // e.g. return [ 'January','February','March','April','May',
// 'June','July','August','September','October','November','December' ]

dayjs.extend(localeData)

globalLocaleData = dayjs.localeData()
globalLocaleData.firstDayOfWeek()
globalLocaleData.months()
globalLocaleData.monthsShort()
globalLocaleData.weekdays()
globalLocaleData.weekdaysShort()
globalLocaleData.weekdaysMin()

globalLocaleData.months(dayjs())
globalLocaleData.monthsShort(dayjs())
globalLocaleData.weekdays(dayjs())
globalLocaleData.weekdaysShort(dayjs())
globalLocaleData.weekdaysMin(dayjs())

instanceLocaleData = dayjs().localeData()
instanceLocaleData.firstDayOfWeek()
instanceLocaleData.months()
instanceLocaleData.monthsShort()
instanceLocaleData.weekdays()
instanceLocaleData.weekdaysShort()
instanceLocaleData.weekdaysMin()