diff --git a/webapp/pages/post/_id/_slug/index.vue b/webapp/pages/post/_id/_slug/index.vue index aeab3bcb1..743d58b54 100644 --- a/webapp/pages/post/_id/_slug/index.vue +++ b/webapp/pages/post/_id/_slug/index.vue @@ -76,7 +76,7 @@ {{ getEventDateString }} - + {{ getEventTimeString }} @@ -292,16 +292,19 @@ export default { if (this.post.eventEnd) { const eventStart = format(new Date(this.post.eventStart), 'dd.MM.') const eventEnd = format(new Date(this.post.eventEnd), 'dd.MM.yyyy') - return eventStart + ' - ' + eventEnd + return `${eventStart} - ${eventEnd}` } else { return format(new Date(this.post.eventStart), 'dd.MM.yyyy') } }, getEventTimeString() { if (this.post.eventEnd) { - const eventStart = format(new Date(this.post.eventStart), 'HH:mm') - const eventEnd = format(new Date(this.post.eventEnd), 'HH:mm') - return eventStart + ' - ' + eventEnd + const eventStartTime = format(new Date(this.post.eventStart), 'HH:mm') + const eventEndTime = format(new Date(this.post.eventEnd), 'HH:mm') + /* assumption that if e.g. 00:00 == 00:00 is saved, + it's not realistic because they are the default values, so don't show the time info. + */ + return eventStartTime !== eventEndTime ? `${eventStartTime} - ${eventEndTime}` : '' } else { return format(new Date(this.post.eventStart), 'HH:mm') }