analytics/assets/js/dashboard/date.js
Mackenzie 27b60894bb
disable date navigation arrows when date is invalid for site (#483)
* 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
2021-01-07 15:24:59 +02:00

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()
}