Я хотел бы изменить вид дня через fullCalender.js

Question

Я устанавливаю, как показано ниже, через fullCalender.js

views:{
        month:{ titleFormat:'YYYY' +"年" +'MM'+"月"},
        //,week: { titleFormat:"MMM d[ yyyy]{ '—'[ MMM] d yyyy}"},
        //,week:{ titleFormat:"DD MMMM YYYY"},
        day:{ titleFormat:'MM/DD'}
    },

Я бы хотел изменить вид дня по дате. Например, 2-ое июля - ячейка пишет «2» через функцию fullCalender. Мне нравится поменять "2" на "07/02". Я предпочитаю введите описание ссылки здесь Но я не могу понять. Мне нужна твоя помощь. Теперь моя программа вид, как показано ниже введите описание изображения здесь Спасибо!

Answer 1

По своему опыту работы с fullcalendar я обнаружил, что он дает вам множество возможностей для доступа к данным, но иногда вам нужно проявить немного изобретательности, когда вы хотите выполнять обновления. Вот что я нашел выполнимым, используя демонстрационную версию, включенную в FullCalendar под названием fullcalendar-3.9.0/demos/basic-views.html.

Я использовал dayRender ловушку, которая дает мне доступ к каждой ячейке по мере ее визуализации. Это дает вам два аргумента, date и cell (который является экземпляром ячейки).

Вы можете получить свойство data-date ячейки с:

const dataDate = cell.data('date');

Тогда вы можете сопоставить это с местом, где на самом деле отображается дата:

$(`td[data-date="${dataDate}"] a`).text(date.format('MM/DD'));

Все вместе это будет выглядеть так:

dayRender: function(date, cell) {
  const dataDate = cell.data('date');
  $(`td[data-date="${dataDate}"] a`).text(date.format('MM/DD'));
},