Jquery 如何更改完整日历视图

Jquery 如何更改完整日历视图,jquery,jquery-plugins,calendar,fullcalendar,Jquery,Jquery Plugins,Calendar,Fullcalendar,我正在使用它,目前显示每月视图 我使用以下代码初始化完整的日历 $(document).ready(function() { $('#calendar').fullCalendar({ header: { left: 'prev,next today', center: 'title', right: 'month,agendaWeek,agendaDay'

我正在使用它,目前显示每月视图

我使用以下代码初始化完整的日历

$(document).ready(function() {

        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            defaultDate: '2014-06-12',
            editable: true,
            events: [
                {
                    title: 'All Day Event',
                    start: '2014-06-01'
                },
                {
                    title: 'Long Event',
                    start: '2014-06-07',
                    end: '2014-06-10'
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2014-06-09T16:00:00'
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: '2014-06-16T16:00:00'
                },
                {
                    title: 'Meeting',
                    start: '2014-06-12T10:30:00',
                    end: '2014-06-12T12:30:00'
                },
                {
                    title: 'Lunch',
                    start: '2014-06-12T12:00:00'
                },
                {
                    title: 'Birthday Party',
                    start: '2014-06-13T07:00:00'
                },
                {
                    title: 'Click for Google',
                    url: 'http://google.com/',
                    start: '2014-06-28'
                }
            ]
        });

    });
但我想改变这种看法

请建议如何在fullcalendar中实现这一点?
谢谢。

要设置初始视图,请将“defaultView”属性添加到日历初始化代码中。可能的视图类型有:月(默认)、基本周、基本日、agendaWeek和agendaDay。我认为最接近你屏幕截图的是agendaWeek。查看每种类型的示例

初始负载示例:

$('#calendar').fullCalendar({
        defaultView: 'agendaWeek',
        defaultDate: '2014-06-12',
        editable: true,
....the rest of your code here
事件驱动示例: 若要基于某些事件(如单击按钮)更改视图,请调用控件的“changeView”方法,并将要查看的视图的名称传递给它

$(“#按钮名称”)。单击(函数(){ $('#calendar').fullCalendar('changeView','month');})


您能提供初始化日历的代码吗?您好,请参阅编辑后的问题。谢谢。谢谢你的回答……事实上,我正在为每一行查找日历左侧的资源视图。任何关于我们如何实现这一目标的建议。我在谷歌上搜索,但没有找到任何解决方案。