const defaultLocaleStringFormats: {[index: string]: string} = { 'weekday': 'narrow', 'era': 'narrow', 'year': 'numeric', 'month': 'numeric', 'day': 'numeric', 'hour': 'numeric', 'minute': 'numeric', 'second': 'numeric', 'timeZoneName': 'short' }; function formatLocaleString(date: Date, format: string): string { return format.replace(/\{\{(\w+)(:(\w+))?\}\}/g, (match: string, kind: string, unused?, option?: string) => { if (['weekday', 'era', 'year', 'month', 'day', 'hour', 'minute', 'second', 'timeZoneName'].includes(kind)) { return date.toLocaleString(window.navigator.language, {[kind]: option ? option : defaultLocaleStringFormats[kind]}); } else { return match; } }); } export function formatDateTimeString(date: Date, format: string): string { return format .replace(/yyyy/g, date.getFullYear().toString()) .replace(/yy/g, date.getFullYear().toString().slice(-2)) .replace(/MMMM/g, date.toLocaleString(window.navigator.language, { month: 'long'})) .replace(/MMM/g, date.toLocaleString(window.navigator.language, { month: 'short'})) .replace(/MM/g, (`0${date.getMonth() + 1}`).slice(-2)) .replace(/M/g, (date.getMonth() + 1).toString()) .replace(/dd/g, (`0${date.getDate()}`).slice(-2)) .replace(/d/g, date.getDate().toString()) .replace(/HH/g, (`0${date.getHours()}`).slice(-2)) .replace(/H/g, date.getHours().toString()) .replace(/hh/g, (`0${(date.getHours() % 12) || 12}`).slice(-2)) .replace(/h/g, ((date.getHours() % 12) || 12).toString()) .replace(/mm/g, (`0${date.getMinutes()}`).slice(-2)) .replace(/m/g, date.getMinutes().toString()) .replace(/ss/g, (`0${date.getSeconds()}`).slice(-2)) .replace(/s/g, date.getSeconds().toString()) .replace(/tt/g, date.getHours() >= 12 ? 'PM' : 'AM'); } export function formatTimeString(date: Date, format: string): string { return format.replace(/\[(([^\[]|\[\])*)\]|(([yMdHhmst])\4{0,3})/g, (match: string, localeformat?: string, unused?, datetimeformat?: string) => { if (localeformat) return formatLocaleString(date, localeformat); if (datetimeformat) return formatDateTimeString(date, datetimeformat); return match; }); }