如何使日历不在当前月份重定向

时间:2016-11-30 04:32:53

标签: javascript

这是一个fullcalendar.js脚本,我正在使用fullCalendar.min.js

我有一个问题,这里我使用了用户名过滤器,当我在1月份然后从下拉过滤器中选择一个名称时,它会自动将我重定向到当前月份。然后,每次我必须单击上一个箭头。

如果我目前在7月份并选择用户名,如何解决此问题,以便选择名称但不会重定向到当月。

请帮忙。

以下是我的脚本代码:

<script>

    $(document).ready(function() {

        $('#calendar').fullCalendar({
            height: 350,
            contentHeight: 300,
            aspectRatio: 2,
            eventLimit: 6,
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay,listMonth'
            },
            defaultDate: '<?=date("Y-m-d")?>',
            navLinks: false, // can click day/week names to navigate views
            businessHours: false, // display business hours
            editable: false,
            eventLimit: true,
            events: [ // my data coming here with foreach loop
            ,
                    start: '',
                    overlap: false,

                    color: ,



            ],

        });

    });

</script>

真的很感激你的帮助。

//新脚本

/* Previous button click ... */
        $('.fc-prev-button').click(function () {    
                var action = "prevMonth";
                var view = $('#calendar').fullCalendar('getView');
                var strView = view.name;
                var prevMonthDate = view.start;
                var d = new Date(prevMonthDate);
                var str = $.datepicker.formatDate('yy-mm', d); 
                alert(str);
        });
        /* Next button click ... */
        $('.fc-next-button').click(function () {
                var action = "nextMonth";
                var view = $('#calendar').fullCalendar('getView');
                var strView = view.name;
                var nextMonthDate = view.start;
                var d = new Date(nextMonthDate);
                var str = $.datepicker.formatDate('yy-mm', d);
                alert(str);
        });

1 个答案:

答案 0 :(得分:0)

当您切换到其他用户时,您还应该以某种方式记住当前的月份或时间。根据您的页面,它可以是cookie,JS变量,window.storage等。

然后您可以按如下方式切换到之前选择的日期:

//for testing; in real case you need to load this from somewhere
var previousDate = moment("2016-01"); 

$('#calendar').fullCalendar('gotoDate', previousDate);

您将把它放在代码的末尾,从一个用户或另一个用户或viewRender进行切换。