Page 1 sur 1

Modifier la css pour un <time datetime='aaa-mm-dd'> si la date est dans le future

Posté : 31 oct. 2022, 23:00
par Spols
Bonjour,

Je me demande si je peux avoir une CSS différente d'une balise <time> si la date est dans le future ou dans le passé. ma balise a un attribut datetime

Cela m'arrangerai bien mais je n'ai rien trouvé sur internet.

J'ai d'autre alternative mais celle en CSS serait la plus élégante

Re: Modifier la css pour un <time datetime='aaa-mm-dd'> si la date est dans le future

Posté : 01 nov. 2022, 19:35
par @rthur
Non pas possible à ma connaissance.

La solution que je verrai assez simplement serait de faire un tout petit JS qui ferait une boucle sur tous les éléments <time> de ta page, et qui ferrait la comparaison pour savoir si la date est avant ou après la date du jour, et en fonction ajouterait une class CSS à ton time pour l'afficher différement.

Re: Modifier la css pour un <time datetime='aaa-mm-dd'> si la date est dans le future

Posté : 02 nov. 2022, 09:24
par Spols
Merci,

c'est bien ce que je pensais mais cela valait la peine de demander.
Comme je suis sous Drupal, j'ai préféré surcharger le formatter Date pour lui ajouter une classe past / futur en php.