Statut
Component checklist
Usage
<dsa-relative-time date="2025-04-18T17:45:00.000"></dsa-relative-time>
<script type="text/typescript">
import '@ds-autonomie/web-components/dist/components/relative-time/mutation-observer.js';
import type { DSAMutationObserver } from '@ds-autonomie/web-components';
</script>
Code HTML à implémenter pour utiliser l'élément
API
Attributs et propriétés
|
attribut |
Description |
Type |
Valeur par défaut |
|---|---|---|---|
|
date |
Date à partir de laquelle calculer l'heure. Si elle n'est pas définie, la date et l'heure actuelles seront utilisées. Lors de la transmission d'une chaîne, il est fortement recommandé d'utiliser le format ISO 8601 afin de garantir la bonne gestion des fuseaux horaires. Pour convertir une date à ce format en JavaScript, utilisez date.toISOString(). |
Date | string |
new Date() |
|
format |
Le style de formatage à utiliser. |
long | short | narrow |
long |
|
numeric |
Avec le paramètre « auto », des valeurs telles que « hier » et « demain » seront affichées lorsque cela est possible. Avec le paramètre « toujours », des valeurs telles que « il y a 1 jour » et « dans 1 jour » seront affichées. |
always | auto |
auto |
|
sync |
Maintenez la valeur affichée à jour au fil du temps. |
boolean |
false |