Jquery 从月份到日期的完整日历更改视图

Jquery 从月份到日期的完整日历更改视图,jquery,calendar,fullcalendar,Jquery,Calendar,Fullcalendar,在我的FullCalendar应用程序中,更具体地说,在月视图可视化中,每当在同一天添加3个或更多事件时,我都会显示一个链接,然后我希望使该链接指向该特定日期的日视图模式 $(".events-view-more a").click(function () { alert("clicou"); }); 父元素(events view more a的父元素)td元素包含一个数据属性,其日期值包含类似“2013-11-29”的内容 如何使用此选项将可视化模式更改为当天的日视图?您只需在标题

在我的FullCalendar应用程序中,更具体地说,在月视图可视化中,每当在同一天添加3个或更多事件时,我都会显示一个链接,然后我希望使该链接指向该特定日期的日视图模式

$(".events-view-more a").click(function () {
    alert("clicou");
});
父元素(events view more a的父元素)td元素包含一个数据属性,其日期值包含类似“2013-11-29”的内容


如何使用此选项将可视化模式更改为当天的日视图?

您只需在
标题中指定视图名称(例如
agendaDay
agendaWeek
):

$(".events-view-more a").click(function () {
    var date=new Date($(this).parents('td').attr('date'));
$('#fullCalendar').fullCalendar('gotoDate', date.getFullYear(), date.getMonth(), date.getDate());
});

如果您在“月”视图中单击单元格的任意位置,这样的操作将使您从“月”视图切换到“日”视图:

$('#calendar').fullCalendar({

   //other parameters here          

   dayClick: function(date, jsEvent, view) {

            $('#calendar').fullCalendar('gotoDate',date);
            $('#calendar').fullCalendar('changeView','agendaDay');

   }

});

希望这对其他人有用,我知道这是一篇老文章。

@rodrigoalves请在您的日历配置中尝试下面的一篇

eventLimit: 3,
eventLimitClick: 'day',

这对我很有用。

从上面看,这是我对angularjs的解决方案

$scope.alertDayClick = function(event) {

    // if on month view go day view
    var view = uiCalendarConfig.calendars.myCalendar.fullCalendar( 'getView' );

    if (view.type === 'month') {
        console.log(view.type);
        uiCalendarConfig.calendars.myCalendar.fullCalendar('changeView','agendaDay');
        uiCalendarConfig.calendars.myCalendar.fullCalendar( 'gotoDate', event );
        return;
    }
}
我是这样设置我的Cal div的

<div ui-calendar="uiConfig.calendar" config="uiConfig.calendar" calendar="myCalendar" data-ng-model="eventSources"></div>

对于搜索非jquery解决方案的所有人:

window.calendar = new FullCalendar.Calendar(element, options);

// do stuff ...

window.calendar.changeView("timeGridDay")

请检查并详细说明您的答案,请总结问题和解决方案,请阅读以下内容:这就是我在我正在构建的应用程序中如何做到这一点。基本上,这是dayClick事件的事件处理程序。显然,单击一天时会发生此事件。还有一周的浏览量。下面的位:$(“#日历”).fullCalendar('changeView','basicDay');这就是你所需要的。#calendar selector是最初调用fullCalendar的容器,“changeView”参数是正在调用的函数,“basicDay”参数是视图,可以是fullCalendar提供的任何视图。这可以工作,但需要颠倒顺序。更改视图,然后更改日期,否则将使您回到默认日期!
<div ui-calendar="uiConfig.calendar" config="uiConfig.calendar" calendar="myCalendar" data-ng-model="eventSources"></div>
window.calendar = new FullCalendar.Calendar(element, options);

// do stuff ...

window.calendar.changeView("timeGridDay")