javascript - (Fullcalendar 4 VueJs) Swap header titleFormat Month and Day

Question

我需要交换标题标题，默认情况下“月”在前，“日”在后。我需要反过来。

我用这个 Prop :

 :titleFormat="{ day: '2-digit', month: 'long' }"

但是无论如何“月”在前。我在这里找到了解决方案:https://github.com/fullcalendar/fullcalendar/issues/3443但是如何针对 VueJS 方式进行调整？

提前谢谢你。

Answer 1

对我有帮助的个人解决方案是:

   datesRender(){
    let elTitle = this.$refs.fullCalendar.$el.querySelector('.fc-center h2');
    let elTitleText = elTitle.innerHTML;
    elTitle.innerHTML = elTitleText.replace(/^([a-z]+) (\d{2,2}\s?-\s?\d{2,2})$/i, '$2 $1');
  },

这将字符串“July 08 - 14”交换为“08 - 14 July”。