instantFormat

Les parties de la date et de l’heure qu’affiche une colonne instant.

Type	InstantFormatSpec
Par défaut	non défini
Modifiable en direct (update())	Oui — en redonnant les colonnes (update({ columns }))
Déclaré dans	packages/core/src/columns/defs.ts

Ce qu’il fait

date: false n’affiche que l’heure, time: false que la date, seconds: true ajoute les secondes. Par défaut, la date et l’heure sont affichées, sans secondes, sur 24 heures, dans l’ordre de la locale de la grille et dans son timeZone.

Il ne change que ce qu’affiche la cellule : le tri et le filtre utilisent le moment lui-même.

Exemple

import { createGrid } from '@dzgrid/dom';
import { FR } from '@dzgrid/dom/locales/fr';

type Lap = { id: string; runner: string; start: number; finish: number };

createGrid<Lap>(document.getElementById('tours')!, {
  rows: [{ id: 'l1', runner: 'Maud Hesketh', start: 1772442000000, finish: 1772442754000 }],
  columns: [
    { id: 'runner', header: 'Coureur' },
    { id: 'start', header: 'Départ', type: 'instant', instantFormat: { date: false } },
    { id: 'finish', header: 'Arrivée', type: 'instant', instantFormat: { date: false, seconds: true } },
  ],
  getRowId: (r) => r.id,
  messages: FR,
});

Démo

Voir aussi

• type, assumeZone.
• timeZone.