如何显示星期几的名称答案

【问题标题】：How to displays name of days of week如何显示星期几的名称
【发布时间】：2021-07-10 10:58:03
【问题描述】：

我开始做出反应，我按照教程使用 date-fns 制作日历，但是教程中的 date-fns 版本与我的版本不同。

我在显示星期几的名称时遇到问题。

教程代码（旧版date-fns）：

import dateFns from "date-fns";

renderDays() {
  const dateFormat = "dddd";
  const days = [];
  let startDate = dateFns.startOfWeek(this.state.currentMonth);
  for (let i = 0; i < 7; i++) {
    days.push(
      <div className="col col-center" key={i}>
        {dateFns.format(dateFns.addDays(startDate, i), dateFormat)}
      </div>
    );
  }
  return <div className="days row">{days}</div>;
}

我的代码带有新版本的 date-fns ：

import { format, startOfWeek, addDays} from 'date-fns';

renderDays() {
    const dateFormat = "dddd";
    const days = [];

    let startDate = startOfWeek(this.state.currentMonth);

    for (let i = 0; i < 7; i++) {
      days.push(
        <div className="col col-center" key={i}>
          {format(addDays(startDate, i), dateFormat)}
        </div>
      );
    }

    return <div className="days row">{days}</div>;
  }

我不明白该怎么做才能让名字出现......目前它显示给我数字。

对不起，我不能放图片给你看每个代码的结果，但是这里是教程的链接：https://medium.com/@moodydev/create-a-custom-calendar-in-react-3df1bfd0b728

你有什么想法可以帮助我吗？

谢谢

【问题讨论】：

尝试使用 dateFormat ="eeee"
我在这里看到的唯一区别是解构导入和缺少返回。
@Medi 这就是问题所在，我看不出我还能做什么......唯一的区别是你必须一个一个地导入元素。因为退货是我发布时的疏忽。

标签： reactjs jsx date-fns

【解决方案1】：

要仅显示星期几，请将dateFormat 设置为EEEE。其他格式选项请参考date-fns docs

【讨论】：

很好，谢谢，我没找对地方...
没问题，如果没问题请采纳答案