Интеграция Малого Календаря (DatePicker) и Временной шкалы с fullCalendar

Question

Я хочу реализовать две функции, помимо тех, которые в Basic View of FullCalendar. Источником вдохновения является календарь Google. Вот что я хочу:

Хотя я не смог найти эти две функции в документации FullCalendar, я все же хотел бы подтвердить, поддерживает ли FullCalendar эти функции. Если нет, пожалуйста, не стесняйтесь поделиться любыми предложениями о том, как мне их реализовать.

Answer 1

Вы можете завершить временную линию с кодом здесь , и вы можете использовать средство выбора даты и связать его с fullcalendar, чтобы создать маленький календарь слева.Вот как это реализовать ...

$(document).ready(function() {
    $('#datepicker').datepicker({
        inline: true,
        onSelect: function(dateText, inst) {
            var d = new Date(dateText);
            $('#calendar').fullCalendar('gotoDate', d);
        }
    }); 
}

Это заставит fullCalendar перейти к любой дате, выбранной в средстве выбора даты jquery.

Надеюсь, это поможет!