Gestion de date

Des pipes pour formater ou créer des dates.

Installation

Importez les pipes que vous souhaitez utiliser.

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { TimeElapsedPipe, ToTitleCasePipe } from '@c-cdk/common';

const MODULES = [ReactiveFormsModule, TimeElapsedPipe, ToTitleCasePipe];

@NgModule({
  imports: [CommonModule, ...MODULES],
  exports: [...MODULES]
})
export class SharedModule {}

timeElapsed

Renvoie le temps écoulé depuis une date passée en paramêtres.

Utilise en interne DayJS, et est donc compatible avec une multitude de formats de date, allant des chaînes de caractères aux objets.

<article class="user__row">
      <p>Connecté {{ '01/02/2023:14:55' | timeElapsed }}</p>
      <!-- Connecté il y a 2 heures -->
</article>