Comment formater les dates sur le frontend

Question

J'utilise l'intégration React (recharts) de cube et je me demandais comment formater les dates ou les "semaines" au lieu d'avoir la date ISO complète.

Par exemple Week 39 au lieu de 2021-09-27T00:00:00.000 sur les graphiques et les vues.

J'ai essayé de consulter la documentation, mais je ne l'ai pas trouvée. J'ai essayé de regarder la documentation mais je ne l'ai pas trouvée.

Answer 1

Vous pouvez reformater vos données avant de les transmettre au graphique. Utilisez moment.js pour obtenir le numéro de semaine. Documentation

moment(date).week();

Veillez à définir la région locale car la semaine commence le lundi ou le dimanche selon la région :

//this is for France
import 'moment/locale/fr'
moment.locale('fr')

(EDIT) : Vous pouvez utiliser d'autres bibliothèques à cette fin, telles que Jour.js o date-fns .

Answer 2

Je ne recommanderais pas d'utiliser moment.js puisqu'il a été déprécié, essayez d'utiliser date-fns Il offre plus de possibilités de personnalisation Voici l'extrait d'utilisation date-fns .

    import { format } from "date-fns";

    const getWeek = new Date('2021-09-27T00:00:00.000')
    const result = format(getWeek,"Io")) //here "Io" stands for ISO week of year,
   //result -> 39th 

En effet vous pouvez modifier à votre convenance, comment afficher la semaine voici le document de cela format date-fns
Au cas où vous voudriez le visuel, j'ai ajouté un codesetboîte format de la semaine à l'aide de date-fns