如何在前端格式化日期

Question

我正在使用立方体的 React (recharts) 集成，想知道如何格式化日期或“周”而不是完整的 ISOdate。

例如，在图表和视图上 Week 39 而不是 2021-09-27T00:00:00.000。

我试着查看文档，但找不到。谢谢！

Answer 1

您可以在将日期数据传递到图表之前重新格式化，使用 moment.js 获取周数 Documentation

moment(date).week();

确保设置语言区域，因为一周从星期一或星期日开始取决于区域：

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

(EDIT) ：您可以为此目的使用其他库，例如 Day.js or date-fns.

Answer 2

我不建议使用 moment.js，因为它已被弃用，请尝试使用 date-fns，它提供更多自定义这是使用 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

其实你可以根据自己的方便修改，这里如何显示星期是那个date-fns format
的文档以防万一你想要视觉效果我添加了一个 codesandbox week format using date-fns

如何在前端格式化日期

How to format dates on frontend

reactjs

recharts

cube.js