Настройка плагина календаря FullCalendar

417
11 октября 2017, 07:13

Использую плагин календаря https://fullcalendar.io/ . Столкнулся с задачей, чтобы в кнопках навигации предыдущего и следующего месяца вместо стрелок был соответствующий месяц.

Не знаю, как получить сам тайтл предыдущего и следующего месяца? Очень надеюсь на Вашу помощь.

Вот мой код:

 $('#calendar').fullCalendar({ 
      header: { 
        left: 'prev', 
        center: 'title', 
        right: 'month,basicDay, next, myCustomButton' 
      }, 
      defaultDate: '2017-09-12', 
      locale: 'ru', 
      navLinks: true, // can click day/week names to navigate views 
      editable: true, 
      eventLimit: true, // allow "more" link when too many events 
      buttonText: { 
    today:    'сегодня', 
    month:    'месяц', 
    week:     'неделя', 
    day:      'день', 
    list:     'лист' 
}, 
fixedWeekCount: false, 
buttonIcons: false, 
    customButtons: { 
        myCustomButton: { 
            text: 'month', 
            click: function() { 
                alert('clicked the custom button!'); 
            } 
        } 
    }, 
      events: [ 
        { 
          title: 'Переход на ЕПС', 
          start: '2017-09-01' 
        }, 
        { 
          title: 'Long Event', 
          start: '2017-09-07', 
          end: '2017-09-10' 
        }, 
        { 
          id: 999, 
          title: 'Repeating Event', 
          start: '2017-09-09T16:00:00' 
        }, 
        { 
          id: 999, 
          title: 'Repeating Event', 
          start: '2017-09-16T16:00:00' 
        }, 
        { 
          title: 'Conference', 
          start: '2017-09-11', 
          end: '2017-09-13' 
        }, 
        { 
          title: 'Meeting', 
          start: '2017-09-12T10:30:00', 
          end: '2017-09-12T12:30:00' 
        }, 
        { 
          title: 'Lunch', 
          start: '2017-09-12T12:00:00' 
        }, 
        { 
          title: 'Meeting', 
          start: '2017-09-12T14:30:00' 
        }, 
        { 
          title: 'Happy Hour', 
          start: '2017-09-12T17:30:00' 
        }, 
        { 
          title: 'Dinner', 
          start: '2017-09-12T20:00:00' 
        }, 
        { 
          title: 'Birthday Party', 
          start: '2017-09-13T07:00:00' 
        }, 
        { 
          title: 'Click for Google', 
          url: 'http://google.com/', 
          start: '2017-09-28' 
        } 
      ] 
    }); 
});

Вот пример календаря для наглядности: https://codepen.io/lanc/pen/KEqws?page=1&

READ ALSO
вопрос про flex (Css)

вопрос про flex (Css)

Здравствуйте, есть блок с width 100% (адаптивная верстка), так вот в нём есть 4 блока, как можно сделать чтобы 3й и 4й были на всю длину и переносились...

252
Большое количество подключений script

Большое количество подключений script

Насколько мне известно, каждое подключение файлов css или js отбирает память у компьютераА как много он отбирает? К примеру, нашел сайт в сети...

215
Проблема с CheckBox (multiple)

Проблема с CheckBox (multiple)

Здравствуйте,

304
Вылезает лишний блок в Google Chrome Android

Вылезает лишний блок в Google Chrome Android

Проблема заключается в том, что когда достигается конец страницы, начинает исчезать верхний блок хрома с адресной строкой, в это время появляется...

205