FullCalendar -限制

Question

如何(我必须在代码中更改)将视图范围(通过用户使用按钮)限制为仅查看：

在周视图中-仅显示实际的一周，而不显示上一周和下一周

在日视图中-当然是实际的一天，并且可以只查看实际一周中的几天(按钮上一个和下一个)。

(在月份视图中-我不使用此视图，没有month按钮(我知道如何消除month按钮))

如何从周视图中删除按钮(上一周/下一周)？

我只想使用实际的周视图和该实际周的日期(在天视图中)。

ps。也许它有帮助--我有两个额外的变量(来自php TimeZone部分)：

$date1 -这是实际一周(星期一)的第一天(日期)

$date7 -这是实际一周(星期日)的最后一天(日期)

Answer 1

要隐藏“上一个”和“下一个”按钮，可以使用jQueries power根据元素的类或ID来隐藏元素。

$('.fc-button-prev, .fc-button-next').hide();

通过这种方式，您可以随时重新显示它们，但如果您从来不想使用它，只需使用following methods构建您的fulclalendar

    header: {
         left: 'today',
         center: 'prev,title,next',
         right: 'month,basicDay'
     },

要使用下拉菜单更改日期，请按所需方式填充选择，从服务器php端，

例如，我的php编写了这样的代码..(只是部分代码，但例如)

"<option <?php echo 'value=\'' . $date1 . '\'>' . $date1; ?> - Monday</option>" +

生成的HTML应该如下所示

<option value="2012-02-27">2012-02-27 - Monday</option>

然后再次使用jQuery的功能...

        $('#myDateSelector').change(function() {
            var selectedText = $('#myDateSelector option:selected').text(); //Gets the TEXT
            var selectedValue = $('#myDateSelector option:selected').val(); //gets the Value='abc'

            var selectedDate = new Date(selectedValue);
            $('#calendar').fullCalendar('gotoDate',selectedDate);
        } );

Another answer of mine show more complex code on how to control fullcalendar, but it uses ASP server tags not PHP.. the JavaScript is still the same logic though.