98 lines
3.5 KiB
TypeScript
98 lines
3.5 KiB
TypeScript
import { Injectable } from "@angular/core"
|
|
import { NgbDateParserFormatter, NgbDateStruct } from "@ng-bootstrap/ng-bootstrap"
|
|
import { SettingsService } from "../services/settings.service"
|
|
|
|
@Injectable()
|
|
export class LocalizedDateParserFormatter extends NgbDateParserFormatter {
|
|
private separatorRegExp: RegExp = /[\.,\/-]+/
|
|
|
|
constructor(private settings: SettingsService) {
|
|
super()
|
|
}
|
|
|
|
private getDateInputFormat() {
|
|
return this.settings.getLocalizedDateInputFormat()
|
|
}
|
|
|
|
/**
|
|
* This constructs a regular expression from a date input format which is then
|
|
* used to parse dates.
|
|
*/
|
|
private getDateParseRegex() {
|
|
return new RegExp(
|
|
"^" + this.getDateInputFormat()
|
|
.replace('dd', '(?<day>[0-9]+)')
|
|
.replace('mm', '(?<month>[0-9]+)')
|
|
.replace('yyyy', '(?<year>[0-9]+)')
|
|
.split('.').join('\\.\\s*') + "$" // allow whitespace(s) after dot (specific for German)
|
|
)
|
|
}
|
|
|
|
/**
|
|
* This adds date separators if none are entered.
|
|
* It also adds the current year if it wasn't entered.
|
|
*
|
|
* This allows users to just enter 1003, 100322, 10032022 and
|
|
* have it expanded to 10.03.2022, in the case of the German format.
|
|
* (All other formats are also supported)
|
|
*
|
|
* It also strips any separators before running formatting and pads
|
|
* any parts of the string, e.g. allowing for 1/2/22,
|
|
* which allows quick entry of the date on the numpad.
|
|
*/
|
|
public preformatDateInput(value: string): string {
|
|
let inputFormat = this.getDateInputFormat()
|
|
let dateSeparator = inputFormat.replace(/[dmy]/gi, '').charAt(0)
|
|
|
|
if (this.separatorRegExp.test(value)) {
|
|
// split on separator, pad & re-join without separator
|
|
value = value.split(this.separatorRegExp).map(segment => segment.padStart(2,'0')).join('')
|
|
}
|
|
|
|
if (value.length == 4 && inputFormat.substring(0, 4) != 'yyyy') {
|
|
return [value.substring(0, 2), value.substring(2, 4), new Date().getFullYear()].join(dateSeparator)
|
|
} else if (value.length == 4 && inputFormat.substring(0, 4) == 'yyyy') {
|
|
return [new Date().getFullYear(), value.substring(0, 2), value.substring(2, 4)].join(dateSeparator)
|
|
} else if (value.length == 6) {
|
|
return [value.substring(0, 2), value.substring(2, 4), value.substring(4, 6)].join(dateSeparator)
|
|
} else if (value.length == 8 && inputFormat.substring(0, 4) != 'yyyy') {
|
|
return [value.substring(0, 2), value.substring(2, 4), value.substring(4, 8)].join(dateSeparator)
|
|
} else if (value.length == 8 && inputFormat.substring(0, 4) == 'yyyy') {
|
|
return [value.substring(0, 4), value.substring(4, 6), value.substring(6, 8)].join(dateSeparator)
|
|
} else {
|
|
return value
|
|
}
|
|
}
|
|
|
|
parse(value: string): NgbDateStruct | null {
|
|
value = this.preformatDateInput(value)
|
|
let match = this.getDateParseRegex().exec(value)
|
|
if (match) {
|
|
let dateStruct = {
|
|
day: +match.groups.day,
|
|
month: +match.groups.month,
|
|
year: +match.groups.year
|
|
}
|
|
if (dateStruct.year <= (new Date().getFullYear() - 2000)) {
|
|
dateStruct.year += 2000
|
|
} else if (dateStruct.year < 100) {
|
|
dateStruct.year += 1900
|
|
}
|
|
return dateStruct
|
|
} else {
|
|
return null
|
|
}
|
|
}
|
|
|
|
format(date: NgbDateStruct | null): string {
|
|
if (date) {
|
|
return this.getDateInputFormat()
|
|
.replace('dd', date.day.toString().padStart(2, '0'))
|
|
.replace('mm', date.month.toString().padStart(2, '0'))
|
|
.replace('yyyy', date.year.toString().padStart(4, '0'))
|
|
} else {
|
|
return null
|
|
}
|
|
}
|
|
}
|