diff --git a/src/routes/tools/DateConverter.vue b/src/routes/tools/DateConverter.vue index c5ecec6c..1404638c 100644 --- a/src/routes/tools/DateConverter.vue +++ b/src/routes/tools/DateConverter.vue @@ -7,21 +7,19 @@
-
@@ -31,13 +29,14 @@ label="Your date string" @input="userInputChanged()" :error="invalidInput" + :disabled="useCurrentDate" /> - + Dates formats @@ -67,14 +66,14 @@ name: "DateConverter", created() { setInterval(this.refreshCurrentDate.bind(this), 1000); - this.inputFormater = this.formats[1].dateFromFormat; + this.inputFormatterTitle = this.formats[1].title; }, data() { const vm = this; return { inputString: '', - inputFormater: undefined, + inputFormatterTitle: undefined, useCurrentDate: true, displayedDate: new Date(), invalidInput: false, @@ -84,7 +83,7 @@ getDate() { return vm.displayedDate.toLocaleString(); }, - dateFromFormat(dateString){ + dateFromFormat(dateString) { return dateString } }, @@ -93,7 +92,7 @@ getDate() { return vm.displayedDate.toISOString(); }, - dateFromFormat(dateString){ + dateFromFormat(dateString) { return new Date(dateString) } }, @@ -102,7 +101,7 @@ getDate() { return vm.displayedDate.toUTCString(); }, - dateFromFormat(dateString){ + dateFromFormat(dateString) { return new Date(dateString) } }, @@ -111,7 +110,7 @@ getDate() { return vm.displayedDate.getTime(); }, - dateFromFormat(dateString){ + dateFromFormat(dateString) { return new Date(parseInt(dateString)) } }, @@ -120,7 +119,7 @@ getDate() { return vm.displayedDate.toString(); }, - dateFromFormat(dateString){ + dateFromFormat(dateString) { return new Date(dateString) } } @@ -134,15 +133,15 @@ copyToClipboard(date); this.$toast.success('Copied to clipboard.') }, - userInputChanged(){ - try{ + userInputChanged() { + try { this.invalidInput = false; - const newDate = this.inputFormater(this.inputString); + const newDate = this.formats.find(f => f.title === this.inputFormatterTitle)?.dateFromFormat(this.inputString); - if(newDate && !isNaN(newDate.getTime())){ + if (newDate && !isNaN(newDate.getTime())) { this.useCurrentDate = false; this.displayedDate = newDate; - }else if(this.inputString.length > 0) { + } else if (this.inputString.length > 0) { this.invalidInput = true; } } catch (ignored) {