Question

我正在尝试使用“ titleFormat”作为方法来制作自己的标头。它适用于“ timeGridWeek”和“ dayGridMonth”，但不适用于具有资源的另外两个视图。

titleFormat(date){
    date.end.marker.setDate(date.end.marker.getDate() - 1)

    if(this.$refs.fullCalendar.getApi().state.viewType === 'timeGridWeek') {
      return ` ${date.date.marker.toLocaleDateString("default", {day: "2-digit"})} -
        ${date.end.marker.toLocaleDateString("default", {day: "2-digit"})}
        ${date.date.marker.toLocaleDateString("default", { month: "long" })}`
    }
    else if(this.$refs.fullCalendar.getApi().state.viewType === 'dayGridMonth'){
      return date.date.marker.toLocaleDateString("default", { month: "long" });
    }
    else if(this.$refs.fullCalendar.getApi().state.viewType === 'resourceTimeGridDay'){
      return date.date.marker.toLocaleDateString("default", { month: "short" });
    }
  }

我正在检查我现在处于哪个视图，并取决于我返回了另一个内容。我的第三个条件是“ resourceTimeGridDay”，我陷入其中，但是从那里返回的所有内容都没有使用，只是被忽略了。

能请你帮忙吗？

Answer 1

根据全日历支持，最好使用dateRender（）挂钩。而且确实有效。

（Fullcalendar 4 VueJs）使用“ titleFormat”作为方法不适用于“ resourceTimeGridDay”和“ resourceTimeline”视图

1 个答案: