如何解决如何显示星期几的名称
我开始反应,我按照教程使用 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,dateFormat)}
</div>
);
}
return <div className="days row">{days}</div>;
}
我不知道该怎么做才能显示名字...目前它显示的是数字。
对不起,我不能放图片给你展示每个代码的结果,但这里是教程的链接:https://medium.com/@moodydev/create-a-custom-calendar-in-react-3df1bfd0b728
你有什么想法可以帮助我吗?
谢谢
解决方法
要仅显示星期几,请将 dateFormat
设置为 EEEE
。有关其他格式选项,请参阅 date-fns docs
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。