FullCalendar - 限制范围答案

【问题标题】：FullCalendar - limiting the scope ofFullCalendar - 限制范围
【发布时间】：2012-02-23 10:14:07
【问题描述】：

如何（我必须在代码中更改的内容）限制查看范围（通过用户使用按钮）仅查看：

在周视图中 - 只有实际的一周，没有前一周和下一周的路径

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

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

如何从周视图中删除按钮（上一个/下一个）？

我只想使用实际周视图和该实际周的天数（以天数视图）。

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

$date1 - 这是实际一周（星期一）的第一天（日期）

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

【问题讨论】：

标签： php javascript jquery fullcalendar

【解决方案1】：

要隐藏 previos 和 next 按钮，您可以使用 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.

【讨论】：