fullcalendar 格式 dayGrid 日单元格显示月份和日期

Question

I want to show the day of each cell as the "month day" I've already try to use slotLabelFormat, and all the others slotLabel, but any of those worked. The picture below is how I did using JS, but when I perform any action on the calendar, it got a refresh and render the default, which is only the day

Answer 1

Solved: I added the dayRender method like this:

dayRender(eventInfo){
 if(eventInfo.view.type === 'dayGridMonth'){
  return eventInfo.el.innerHTML = moment(eventInfo.el.dataset.date, 'YYYY-MM-DD').format('MMM DD');
 }
}

and this on my CSS

.fc-day-number{
    visibility: hidden;
}

Answer 2

There is a page on how to customize with your own Javascript:

https://fullcalendar.io/docs/custom-view-with-js

Specifically, there is

renderDates(dateProfile) { // responsible for rendering the given dates }

and more steps on how to accomplish a more customized view. Hope this helps!