tommy/mobilizon
1
0
Fork 0
forked from potsda.mn/mobilizon
Code Pull requests Activity

Add short format for datetimes

Browse source 
Signed-off-by: Thomas Citharel <tcit@tcit.fr>
This commit is contained in:
Thomas Citharel 2021-07-23 15:47:10 +02:00
parent c394f2cc5a
commit 8d23fca9a0
No known key found for this signature in database
GPG key ID: A061B9DDE0CA0773
1 changed files with 45 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
js/src/filters/datetime.ts
View file

@ -21,19 +21,52 @@ function formatTimeString(value: string): string {
}); });
} }
function formatDateTimeString(value: string, showTime = true): string { // TODO: These can be removed in favor of dateStyle/timeStyle when those two have sufficient support
const options: DateTimeFormatOptions = { // https://caniuse.com/mdn-javascript_builtins_intl_datetimeformat_datetimeformat_datestyle
weekday: undefined, const LONG_DATE_FORMAT_OPTIONS: DateTimeFormatOptions = {
year: "numeric", weekday: undefined,
month: "long", year: "numeric",
day: "numeric", month: "long",
hour: undefined, day: "numeric",
minute: undefined, hour: undefined,
}; minute: undefined,
};
const LONG_TIME_FORMAT_OPTIONS: DateTimeFormatOptions = {
weekday: "long",
hour: "numeric",
minute: "numeric",
};
const SHORT_DATE_FORMAT_OPTIONS: DateTimeFormatOptions = {
weekday: undefined,
year: "numeric",
month: "short",
day: "numeric",
hour: undefined,
minute: undefined,
};
const SHORT_TIME_FORMAT_OPTIONS: DateTimeFormatOptions = {
weekday: "short",
hour: "numeric",
minute: "numeric",
};
function formatDateTimeString(
value: string,
showTime = true,
dateFormat = "long"
): string {
const isLongFormat = dateFormat === "long";
let options = isLongFormat
? LONG_DATE_FORMAT_OPTIONS
: SHORT_DATE_FORMAT_OPTIONS;
if (showTime) { if (showTime) {
options.weekday = "long"; options = {
options.hour = "numeric"; ...options,
options.minute = "numeric"; ...(isLongFormat ? LONG_TIME_FORMAT_OPTIONS : SHORT_TIME_FORMAT_OPTIONS),
};
} }
const format = new Intl.DateTimeFormat(locale(), options); const format = new Intl.DateTimeFormat(locale(), options);
return format.format(parseDateTime(value)); return format.format(parseDateTime(value));