将自定义月份按钮添加到 FullCalendar

Adding custom month buttons to FullCalendar

我希望能够在日历的 header 中添加一行按钮,显示一年中的月份,点击后会在月视图中转到该月。

我尝试过使用视图添加它,但未能成功。在此示例中,我希望日历跳到一月:

views: {
    january: {
            type: 'month',
            duration: { months: 1 },
            start  : '2016-01-01',
            end: '2016-01-31',
            buttonText: 'January'
            }
        },

有人有什么想法吗?有更好的方法吗?

谢谢!

试试这个..

这将在页面加载时向右侧添加按钮。把这个写在准备好的函数里。

$('.fc-right').find('.fc-button-group').after("<input type='button' value='january' onclick='gotoJan();'");

然后在函数内部。

 function gotoJan() {
        $('#calendar').fullCalendar( 'gotoDate', '2014-01-01');
 }