如何自定义 Fullcalendar

How to customize Fullcalendar

提问人:toan dinh 提问时间:11/1/2023 最后编辑:Cem Polattoan dinh 更新时间:11/1/2023 访问量:47

问:

我想在fullcalendar中自定义日历日。

我想从

['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'] 

[T2, T3, T4, T5, T6, T6, CN] 

这是我的代码:

let calendar = new FullCalendar.Calendar(calendarEl, {
    locale: 'vi',
    firstDay: '1',
    timeZone: 'Asia/Ho_Chi_Minh',
    initialView: 'dayGridMonth',
    defaultView: 'month',
    headerToolbar: {
      start: 'dayGridMonth,timeGridWeek,timeGridDay,listWeek',
      center: 'title',
      end: 'prev, next'
    },
    titleFormat: {
      month: 'long'
    },
    dayCellContent: function (info) {
      let number = document.createElement("a");
      number.classList.add("fc-daygrid-day-number");
      number.innerHTML = info.dayNumberText.replace('日', '');

      if (info.view.type === "dayGridMonth") {
        return {
          html: number.outerHTML
        };
      }

      return {
        domNodes: []
      };
    },
  });

我尝试了dayNamesShort方法,但它失败了。

JavaScript 完整日历

评论

0赞 ADyson 11/1/2023
dayNamesShort 来自 fullCalendar 的版本 3。看看 fullcalendar.io/docs/date-formatting,fullcalendar.io/docs/dayHeaderFormat您可能需要自定义格式设置功能。

答: 暂无答案