对于一个音乐节,我想有一个小字段,显示当前的乐队演奏“现在”或一个,演奏下一个。

我试图把我的收藏品按“现在”分类,但只能展示“今天”最古老或最新的东西

如何做到这一点?在Webflow中,没有按时间排序的选项。

有什么想法或代码片段吗?
如果有帮助的话,我可以在cms集合中创建一个结束日期/时间字段。

非常感谢。


这是我的网站只读的:(Webflow——Rontgenplatzfest

据我所知,按时间排序是自动的,如果时间是日期字段的一部分。所以按照他们演奏的顺序,列出今天所有演奏的乐队是相对容易的。

下面是一个使用Webflow的商业模板和博客文章的粗略演示;

https://preview.www.raktarban.com/preview/datetime-sort?utm_medium=preview_link&utm_source=designer&utm_content=datetime-sort&preview=dfcaa2814b46bb95cd2a593a748f8fad&workflow=preview

挑战在于过滤。你可以过滤,只显示“今天和以后”的事件,但据我所知,你不能过滤到“现在和以后”。也就是说,很多人可能想看看已经演出过的乐队,所以这似乎很有用,除非你有数百个乐队。

所以我只设置每个波段开始的日期时间,并升序排序。如果您确实需要隐藏较早的时间戳,您可以这样做,但这将需要一些脚本编写和一些创造性,以便为脚本获取时间戳。

如果你真的想要更有创意,你可以加一个现在玩指示器,它在自定义属性中将每个波段的开始时间作为ISO-8601 datetime。它将是在HTML嵌入中发出的一个小块。然后,你可以在计时器上有一个脚本,每30个发送会通过那些正在播放的标签,隐藏/显示它们,这样你就可以看到哪个乐队现在应该在舞台上。这是一种编程工作,但更简洁,因为即使用户的本地系统时钟错误,它也不会完全中断。

感谢您的回复。

时间排序已经在程序概述中了。
这个想法只是一个小小的注解。«现在演奏:乐队XY»作为一个噱头。

我用自定义属性试试你的想法。谢谢。

这里有一个解决方案,我想你会喜欢;

首先,一个织布机视频,解释一切是如何工作的,以及如何把它绑定到您的网站。

第二个代码;

我的Webflow测试平台项目的只读链接;

https://preview.www.raktarban.com/preview/datetime-sort?utm_medium=preview_link&utm_source=designer&utm_content=datetime-sort&preview=dfcaa2814b46bb95cd2a593a748f8fad&workflow=preview

和发布的网站;

1像

谢谢你迈克!一个很棒的帮助和教程。
我将在明天实施它。

亲爱的迈克尔,
这很有效!我稍微调整了一下,删除了额外的timezone值,因为它似乎与我电脑上的本地时间和收集字段的日期和时间一致。

谢谢你的解释。学到了很多。

我不能使用你的CodePen,即使是用我的CodePen pro账户…也许是因为你的钢笔有一些限制?我复制/粘贴它。但我更愿意用叉子来奖励。

谢谢鲍里斯,我是Codepen Pro的新手,那个项目被标记为私人,所以可能防止分叉。我把它公开了,还重新命名了。

我可能会把它添加到我的Webflow Utils库在GIT上,它正在增长一个函数的时间。