首页 > 解决方案 > fullcalendar 格式 dayGrid 日单元格以显示月份和日期

问题描述

我想将每个单元格的日期显示为“月日”,我已经尝试使用 slotLabelFormat 和所有其他 slotLabel,但其中任何一个都有效。下图是我用JS做的,但是当我对日历执行任何操作时,它会刷新并呈现默认值,即只有一天在此处输入图像描述

在此处输入图像描述

标签: javascriptfullcalendarfullcalendar-4

解决方案


解决了!我添加了这样的 dayRender 方法:

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

这在我的 CSS 上

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

推荐阅读