(Fullcalendar 4 VueJs)交换标题titleFormat月和日

时间:2019-11-29 10:10:28

标签: javascript date fullcalendar fullcalendar-4

我需要交换标题,默认情况下,“月”排在第一位,“日”排在第二位。我需要另一种方式。

我使用这个道具:

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

但是“ Month”仍然优先。我在这里找到了解决方案:https://github.com/fullcalendar/fullcalendar/issues/3443,但如何针对VueJS方式进行调整?

谢谢。

1 个答案:

答案 0 :(得分: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');
  },

此字符串从“ 7月8日-14日”交换为“ 7月8日-14日”。