php - FullCalendar - 限制范围

Question

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

在周 View 中 - 仅显示实际周，无法查看上一周和下周

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

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

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

我只想使用实际周 View 和实际周中的天数(在天 View 中)。

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

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

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

Answer 1

要隐藏上一个和下一个按钮，您可以使用 jQueries 功能按类或 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.