标题中的全日历自定义按钮

Question

我需要在同一页面上的两个（或多个）完整日历之间切换，并希望将此功能添加到日历标题内的自定义按钮中。

我在自定义按钮上发现了一些有趣的代码，但它有点过时了，因为它指的是 Fullcalendar v 1.6.1，而我使用的是 2.3.1。

这是我发现的：http://code.google.com/p/fullcalendar/issues/detail?id=225#c17 及以后。我几乎成功地实现了这个：http://code.google.com/p/fullcalendar/issues/detail?id=225#c24 但脚本被重写并且与这段代码不匹配。

有人有适用于 2.3.1 的自定义按钮的更新代码吗？

Answer 1

完整日历插件已经支持标题中的自定义按钮。不需要添加临时代码

$("#calendar").fullCalendar({
    customButtons: {
        reload: {
            text: 'Reload',
            click: function() {
               //you code 
            }
        }
    },
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'reload'
    },
 });

Answer 2

检查调度程序中的示例：

// ad-hoc way of getting an add button in there.
// for a better solution, please star this issue:
//  https://code.google.com/p/fullcalendar/issues/detail?id=225
$('.fc-toolbar .fc-left').prepend(
    $('<button type="button" class="fc-button fc-state-default fc-corner-left fc-corner-right">+ room</button>')
        .on('click', function() {
            var title = prompt('Room name');
            if (title) {
                $('#calendar').fullCalendar(
                'addResource',
                { title: title },
                true // scroll to the new resource?
             );
        }
    })
);

这里 ： http://fullcalendar.io/js/fullcalendar-scheduler-1.0.0-beta/demos/dynamic-add-remove.html