lucy-h of Speak Creative
1/9/2019 - 3:18 PM

Events Widget - Date Range for multi-day events

Checks if the end date is different from the start date and then displays the date range. If they are the same, it just shows one date.

events-matrix-date-range.js
content_copyfile_download
{% assign startFormatted = Event.StartDateTime |  DateFormat:"MMM d, yyyy", Event.TimeZone %}
{% assign endFormatted = Event.EndDateTime |  DateFormat:"MMM d, yyyy",Event.TimeZone %}
{% if startFormatted != endFormatted %}
{{ Event.StartDateTime | DateFormat:"ddd, MMM d",Event.TimeZone }}
- {{ Event.EndDateTime | DateFormat:"ddd, MMM d, yyyy",Event.TimeZone }}
{% else %}
{{ Event.StartDateTime | DateFormat:"ddd, MMM d, yyyy",Event.TimeZone }}
{% endif %}