使用fullCalendar集成小日历(datepicker)和时间轴

Question

我想在FullCalendar的Basic View中实现两个功能.灵感来自谷歌日历.这就是我想要的:

虽然我在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 日期选择器中选择的日期。