Adding dynamic time & date to event page

Summary

If you want to include event time and/or date in the various text paragraphs and headers in your event layout, you can use a custom “eventtime” notation to prevent having to replace the texts every time the layout is reused in a new event.

As an example, if you would normally type “Event starts on 12.04.2023 at 13:00” you can now use the following syntax instead: “Event starts on {eventtime;DD.MM.YYYY [at] HH:mm}”

The date and time is automatically added to the text from the event date and time set in basic settings.

The formatting uses moment.js library internally, so all the options shown in their documentation are available in Videosync too: https://devhints.io/moment#formatting-1

Timezones

If you want to show the time in a specific timezone, an optional third parameter can be used as follows: {eventtime;HH:mm;+0300}

This will always display the time in UTC+3 regardless of user’s current timezone. Should be used with timezone text for clarity: {eventtime;HH:mm;+0300} EEST or {eventtime;HH:mm [EEST];+0300}

Allowed text and header fields

The dynamic time notation can be used in following text paragraphs and headers:

1. Event description area (title & content)
2. Footer content
3. Event title
4. Page header > Subheading text
5. Content while video player is hidden (share & invite, paused live, after live)
6. Content below video
7. Registration title
8. (Specific for Flik users: Oskari registration description)

Examples (uses “Friday 23.12.2022 15:12 EEST”)

1. {eventtime} = 23.12.2022
2. {eventtime; DD.MM.YY [klo] HH.mm} = 23.12.22 klo 15.12
3. {eventtime;ddd, MMMM Do YYYY} = Fri, December 23rd 2022
4. {eventtime;dddd [the] Do [of] MMMM [at] h a} = Friday the 23rd of December at 3 pm
5. {eventtime;HH:mm;+0100 [EEST]} = 13:12 EEST