Question

如何（我必须在代码中更改）限制视图范围（通过用户使用按钮）才能查看：

周视图中的

- 只有实际的一周，没有前往和下周的方式

在日视图中 - 当然是实际日期，并且只能查看实际周的天数（按钮上一页和下一页）。

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

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

我想仅使用实际的周视图和实际周的日期（以天视图显示）。

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

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

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

Answer 1

要隐藏previos和next按钮，您可以使用jQueries power来按类或ID隐藏elemet。

$('.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.

FullCalendar - 限制范围

1 个答案: