如何在下拉列表中选择完整的日历月份和年份

Question

我有一个完整的日历，我需要在下拉列表中显示它的月份和年份，我知道这个问题已经被问到了，但仍然没有得到回答。我是完整日历的新手，据我所知，它现在已经更新了，希望有一些最简单的方法可以实现，而不是给它一个现成的选择。我已经为日历创建了代码笔，如果之前有人这样做过，请更新我的代码笔并给我链接，非常感谢。。。demoToEdit下面是我的代码，我已经添加了一些完整日历的功能，正如你所看到的，我无法进入我应该右键下拉的年度和月份的事件，所以我没有这样做。

$(window).load(function(){
  $('#calendar').fullCalendar({
    header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
    },
    editable: true,
    eventRender: function(event, element, view) {
        for (var i = 0; i<= event.products.length - 1; i++) {
            element.append('<span>'+event.products[i].name+'<span>');    
        };
    },
    events: [
                {
                    title: 'EventName',
                    start: '2016-05-02',
                    products:[
                                {
                                    name:'ProductName'
                                }
                            ]
                },
                {
                    title: 'Event',
                    start: '2016-05-03',
                    products:[
                                {
                                    name:'ProductName1'
                                },
                                {
                                    name:'ProductName2'
                                },
                                {
                                    name:'ProductName3'
                                },
                            ]
                },
                {
                    title: 'EventName',
                    start: '2016-05-13',
                    products:[
                                {
                                    name:'ProductName1'
                                },
                                {
                                    name:'ProductName2'
                                }
                            ]
                },
                {
                    title: 'Event',
                    start: '2016-05-15',
                    products:[
                                {
                                    name:'ProductName'
                                }
                            ]
                },
                {
                    title: 'EventNAme',
                    start: '2016-05-21',
                    products:[
                                {
                                    name:'ProductName1'
                                },
                                {
                                    name:'ProductName2'
                                }
                            ]
                },
                {
                    title: 'Event',
                    start: '2016-05-23',
                    products:[
                                {
                                    name:'ProductName1'
                                },
                                {
                                    name:'ProductName2'
                                }
                            ]
                },
                {
                    title: 'Eventname',
                    start: '2016-05-25',
                    products:[
                                {
                                    name:'ProductName'
                                }
                            ]
                },
                {
                    title: 'Event',
                    start: '2016-05-29',
                    products:[
                                {
                                    name:'ProductName'
                                }
                            ]
                }
            ],
            dayClick: function(date, allDay, jsEvent, view) {
           console.log('date'+date.format('DD/MMM/YYYY')+"allDay"+allDay.title+"jsEvent"+jsEvent+"view"+view)
    }

}); 
})

[1]: http://codepen.io/sud/pen/LNvZmv

Answer 1

使用完整日历自定义按钮很难插入下拉列表。我只是简单地将头选项设置为false，并自己创建了自定义头。然后，您可以在标题部分插入任何内容，并将事件绑定到这些按钮，然后调用适当的fullcalendar函数。可用的示例功能有

prev（），next（），prevYear（），nextYear（），今天（），gotoDate（）