Работа с fullcalendar
1 . Официальный сайт с примерами https://fullcalendar.io/
2. Подключение с русской локализацией
1 2 |
<link rel="stylesheet" href="fullcalendar/fullcalendar.min.css"> <link rel="stylesheet" href="fullcalendar/fullcalendar.print.min.css" media="print"> |
1 2 3 |
<script src="moment/moment.js"></script> <script src="fullcalendar/fullcalendar.min.js"></script> <script src="fullcalendar/locale/ru.js"></script> |
3. Обработка клика кнопки на предыдущий слайд
1 2 3 4 |
$('body').on('click','.fc-prev-button',function(){ var moment = $('#calendar').fullCalendar('getDate'); alert("The current date of the calendar is " + moment.format('DD.MM.YYYY')); }); |
или
1 2 3 4 |
viewRender: function (view, element) { var b = $('#calendar').fullCalendar('getDate'); alert(b.format('L')); }, |
4. Пример календаря (без полосок события, только выделен фон ячейки)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
var reqs = [{ start : '2017-11-01', end : '2017-11-20', rendering: background, color: 'red' },]; $('#calendar').fullCalendar({ header : { left : 'prev,next today', center: 'title', right : '' }, events: reqs, dayClick: function(date) { var day = date.format(); }, }); |