b14ba17256This adds two config items: useAbsoluteTimeFormat (boolean) and
absoluteTimeFormatMinAge (string, number + unit ('d'|'h'|'m'|'s')).
When `useAbsoluteTimeFormat` is true, the Timeago component will display
absolute time if the time is at least `absoluteTimeFormatMinAge`
from now. If `longFormat` prop is true, the fully formatted time
is displayed. Otherwise, the format is determined by the `time` prop:
(1) if `time` is on the same day of now, display hour and minute;
(2) if `time` is in the same month of now, display day and hour;
(3) if `time` is in the same year of now, display month and day;
(4) otherwise, display year and month.
If it should display relative time, the format is the same as before.
98 lines
2.4 KiB
JavaScript
98 lines
2.4 KiB
JavaScript
export const SECOND = 1000
|
|
export const MINUTE = 60 * SECOND
|
|
export const HOUR = 60 * MINUTE
|
|
export const DAY = 24 * HOUR
|
|
export const WEEK = 7 * DAY
|
|
export const MONTH = 30 * DAY
|
|
export const YEAR = 365.25 * DAY
|
|
|
|
export const relativeTimeMs = (date) => {
|
|
if (typeof date === 'string') date = Date.parse(date)
|
|
return Math.abs(Date.now() - date)
|
|
}
|
|
export const relativeTime = (date, nowThreshold = 1) => {
|
|
const round = Date.now() > date ? Math.floor : Math.ceil
|
|
const d = relativeTimeMs(date)
|
|
const r = { num: round(d / YEAR), key: 'time.unit.years' }
|
|
if (d < nowThreshold * SECOND) {
|
|
r.num = 0
|
|
r.key = 'time.now'
|
|
} else if (d < MINUTE) {
|
|
r.num = round(d / SECOND)
|
|
r.key = 'time.unit.seconds'
|
|
} else if (d < HOUR) {
|
|
r.num = round(d / MINUTE)
|
|
r.key = 'time.unit.minutes'
|
|
} else if (d < DAY) {
|
|
r.num = round(d / HOUR)
|
|
r.key = 'time.unit.hours'
|
|
} else if (d < WEEK) {
|
|
r.num = round(d / DAY)
|
|
r.key = 'time.unit.days'
|
|
} else if (d < MONTH) {
|
|
r.num = round(d / WEEK)
|
|
r.key = 'time.unit.weeks'
|
|
} else if (d < YEAR) {
|
|
r.num = round(d / MONTH)
|
|
r.key = 'time.unit.months'
|
|
}
|
|
return r
|
|
}
|
|
|
|
export const relativeTimeShort = (date, nowThreshold = 1) => {
|
|
const r = relativeTime(date, nowThreshold)
|
|
r.key += '_short'
|
|
return r
|
|
}
|
|
|
|
export const unitToSeconds = (unit, amount) => {
|
|
switch (unit) {
|
|
case 'minutes': return 0.001 * amount * MINUTE
|
|
case 'hours': return 0.001 * amount * HOUR
|
|
case 'days': return 0.001 * amount * DAY
|
|
}
|
|
}
|
|
|
|
export const secondsToUnit = (unit, amount) => {
|
|
switch (unit) {
|
|
case 'minutes': return (1000 * amount) / MINUTE
|
|
case 'hours': return (1000 * amount) / HOUR
|
|
case 'days': return (1000 * amount) / DAY
|
|
}
|
|
}
|
|
|
|
export const isSameYear = (a, b) => {
|
|
return a.getFullYear() === b.getFullYear()
|
|
}
|
|
|
|
export const isSameMonth = (a, b) => {
|
|
return a.getFullYear() === b.getFullYear() &&
|
|
a.getMonth() === b.getMonth()
|
|
}
|
|
|
|
export const isSameDay = (a, b) => {
|
|
return a.getFullYear() === b.getFullYear() &&
|
|
a.getMonth() === b.getMonth() &&
|
|
a.getDate() === b.getDate()
|
|
}
|
|
|
|
export const durationStrToMs = (str) => {
|
|
if (typeof str !== 'string') {
|
|
return 0
|
|
}
|
|
|
|
const unit = str.replace(/[0-9,.]+/, '')
|
|
const value = str.replace(/[^0-9,.]+/, '')
|
|
switch (unit) {
|
|
case 'd':
|
|
return value * DAY
|
|
case 'h':
|
|
return value * HOUR
|
|
case 'm':
|
|
return value * MINUTE
|
|
case 's':
|
|
return value * SECOND
|
|
default:
|
|
return 0
|
|
}
|
|
}
|