如何解决React Fullcalendar-列标题格式
我试图在React上修改FullCalendar日历的列标题,所以我看了看文档,然后发现: https://fullcalendar.io/docs/v4/columnHeaderFormat
仅在几次尝试失败后,我的印象是在fullCalendar(v5.3.0)的反应版本中未实现此参数...您是否有解决方案可对列格式进行操作?还是我做错了事?
这是我的代码的一部分
<FullCalendar
plugins={[timeGridPlugin,interactionPlugin]}
initialView="timeGridWeek"
headerToolbar={{
left:'',center:'',right:''
}}
locale="fr"
slotMinTime="07:00:00"
slotMaxTime="20:00:00"
height={640}
selectable={true}
columnHeaderFormat={{ weekday: 'long' }} // Problem here
selectMirror={true}
dayMaxEvents={true}
select={handleDateClick}
dateClick={handleDateClick}
/>
解决方法
dayHeaderFormat,正如 Minos 在问题评论中提到的,对我有用。
//package.json versions
"@fullcalendar/core": "^5.6.0","@fullcalendar/daygrid": "^5.6.0","@fullcalendar/interaction": "^5.6.0","@fullcalendar/react": "^5.6.0","@fullcalendar/timegrid": "^5.6.0",import FullCalendar from "@fullcalendar/react";
import timeGridPlugin from "@fullcalendar/timegrid";
import interactionPlugin from "@fullcalendar/interaction";
<FullCalendar
plugins={[timeGridPlugin,interactionPlugin]}
headerToolbar={{
left: "",center: "",right: "",}}
initialView="timeGridWeek"
allDaySlot={false}
initialDate={"2021-05-09T00:00:00"}
editable={true}
selectable={true}
events={events}
dateClick={(e) => {
console.log("click: ",e);
}}
eventClick={(e) => {
console.log("click: ",e);
}}
dayHeaderFormat={(param) => {
console.log(param);
return param.date.day.toString();
}}
/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。