The challenge is filtering. You can filter to show only events “TODAY and after”, but as far as I can tell, you cannot filter to “NOW and after.” That said, many people may want to look and see what bands have already played anyway, so that seems pretty useful unless you have hundreds.
So I’d just set the datetime each band starts, and sort ascending. If you really need to hide the older ones, you can, but it will take a bit of scripting and some creativity on how you pull the timestamps through for the scripts.
If you really wanted to get creative though, you could add a Now Playing indicator, which has the start time for each band as an ISO-8601 datetime in a custom attribute. It would be a small chunk emitted in an HTML Embed. Then, you could have a script on a timer, that every 30 sends goes through those now playing tags and hides/shows them so you can see which of the bands should be on stage now. A bit of programming work but a bit cleaner, because it won’t break entirely if the user’s local system clock is wrong.
It helped and worked! I tweaked it a little and removed the extra timezone value because it seemed to work with the local time on my computer and the date and time of my collection field.
Thank you for the good explanation. Learned a lot.
I could not fork your CodePen, even with my CodePen pro account… maybe due to some restriction in your pen? I copy/pasted it. But I would rather give credits by forking it instead.