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) {