Pour mes besoins perso j'avais envie d'afficher une liste d’événements, avec les événements qui disparaissent quand la date est dépassé.
C'est un exercice simple avec du php et une base de donnée, mais ici je voulais essayer d'avoir un truc autonome. Idéalement une simple page web, comme ça je pouvait le partager simplement par émail.
Je suis donc partit dans la recherche d'une solution en javascript.
Dedans je suis tombé, comme souvent en javascript, sur des usines à gaz. Super puissante mais beaucoup trop pour l'usage.
Puis je suis tombé sur Web Content Scheduler de Curt Grimes
J'ai ajouté le javascript directement dans la page au lieu d'utiliser jsdelivr comme CDN
Et le code de ma page c'est une série de
<button class="accordion" data-schedule="2020/01/01 - 2020/02/01" >Samedi 01 Février 2020</span><span class="titre"> Mon événement</span></td> <td> LIEU </td></tr></button>
Dans l'exemple ici, l'événement ne s'affiche que du 01/01 au 01/02
C'est facile, c'est propre -> c'est top
La partie accordion c'est parce que le fait de cliquer sur le bouton affiche le détail (pas montré ici). une démo d'accordion chez W3schools
Démo en annexe