mirror of
https://github.com/plausible/analytics.git
synced 2024-12-23 01:22:15 +03:00
27b60894bb
* Prevent choosing a date before site was added in datepicker Fixes #446 * change date navigation arrows to real buttons and disable them when date is invalid for site * simplify. ditch LinkButton and just use button. make lint a little happier * put back dark mode for date nav buttons * enforce line length limit * fix a11y lint errors * correct event/e
102 lines
2.7 KiB
JavaScript
102 lines
2.7 KiB
JavaScript
// https://stackoverflow.com/a/50130338
|
|
export function formatISO(date) {
|
|
return new Date(date.getTime() - (date.getTimezoneOffset() * 60000))
|
|
.toISOString()
|
|
.split("T")[0];
|
|
}
|
|
|
|
export function shiftMonths(date, months) {
|
|
const newDate = new Date(date.getTime())
|
|
newDate.setMonth(newDate.getMonth() + months)
|
|
return newDate
|
|
}
|
|
|
|
export function shiftDays(date, days) {
|
|
const newDate = new Date(date.getTime())
|
|
newDate.setDate(newDate.getDate() + days)
|
|
return newDate
|
|
}
|
|
|
|
const MONTHS = [
|
|
"January", "February", "March",
|
|
"April", "May", "June", "July",
|
|
"August", "September", "October",
|
|
"November", "December"
|
|
]
|
|
|
|
export function formatMonthYYYY(date) {
|
|
return `${MONTHS[date.getMonth()]} ${date.getFullYear()}`;
|
|
}
|
|
|
|
export function formatMonth(date) {
|
|
return `${MONTHS[date.getMonth()]}`;
|
|
}
|
|
|
|
export function formatDay(date) {
|
|
return `${date.getDate()} ${formatMonth(date)}`;
|
|
}
|
|
|
|
export function formatDayShort(date) {
|
|
return `${date.getDate()} ${formatMonth(date).substring(0, 3)}`;
|
|
}
|
|
|
|
export function formatFullDate(date) {
|
|
const shortDate = formatMonth(date).substring(0, 3)
|
|
return `${shortDate} ${date.getDate()}, ${date.getFullYear()}`;
|
|
}
|
|
|
|
export function parseUTCDate(dateString) {
|
|
var date = new Date(dateString);
|
|
return new Date(date.getTime() + date.getTimezoneOffset() * 60000);
|
|
}
|
|
|
|
// https://stackoverflow.com/a/11124448
|
|
export function nowForSite(site) {
|
|
const browserOffset = (new Date()).getTimezoneOffset() * 60
|
|
return new Date(new Date().getTime() + (site.offset * 1000) + (browserOffset * 1000))
|
|
}
|
|
|
|
export function lastMonth(site) {
|
|
return shiftMonths(nowForSite(site), -1)
|
|
}
|
|
|
|
export function isSameMonth(date1, date2) {
|
|
return formatMonthYYYY(date1) === formatMonthYYYY(date2)
|
|
}
|
|
|
|
export function isToday(site, date) {
|
|
return formatISO(date) === formatISO(nowForSite(site))
|
|
}
|
|
|
|
export function isThisMonth(site, date) {
|
|
return formatMonthYYYY(date) === formatMonthYYYY(nowForSite(site))
|
|
}
|
|
|
|
export function isBefore(date1, date2, period) {
|
|
/* assumes 'day' and 'month' are the only valid periods */
|
|
if (date1.getFullYear() !== date2.getFullYear()) {
|
|
return date1.getFullYear() < date2.getFullYear();
|
|
}
|
|
if (date1.getMonth() !== date2.getMonth()) {
|
|
return date1.getMonth() < date2.getMonth();
|
|
}
|
|
if (period === "month") {
|
|
return false;
|
|
}
|
|
return date1.getDate() < date2.getDate()
|
|
}
|
|
|
|
export function isAfter(date1, date2, period) {
|
|
/* assumes 'day' and 'month' are the only valid periods */
|
|
if (date1.getFullYear() !== date2.getFullYear()) {
|
|
return date1.getFullYear() > date2.getFullYear();
|
|
}
|
|
if (date1.getMonth() !== date2.getMonth()) {
|
|
return date1.getMonth() > date2.getMonth();
|
|
}
|
|
if (period === "month") {
|
|
return false;
|
|
}
|
|
return date1.getDate() > date2.getDate()
|
|
}
|