通过过滤器(FullCalendar)显示事件

Question

我想访问我的日历，只显示确定属于选择该事件的数据。

示例:我想查看所有的Peter dental事件

<select class="form-control" id="doctor">
<option value="0">Selecione</option>
<option value="1">Peter</option>
<option value="2">Antonio</option></select> 
<div id="calendar"></div>

我的代码是这样的:

$('#calendar').fullCalendar({
                header: {
                    left: 'prev,next today',
                    center: 'title',
                    right: 'month,agendaWeek,agendaDay,listWeek'
                },
                defaultView: 'agendaWeek',
                timezone: "local",
                ignoreTimezone: false,
                editable: true,
                startEditable: true,
                selectable: true,
                allDay: false,
                eventLimit: true,
                events:
                        {
                            url: 'agenda.json',
                            type: 'get',
                            data:
                                    {
                                    },
                            success: function (reply) {
                                console.log(reply);
                            },
                            error: function () {
                                alert('Error!');
                            },
                            color: '#008000', 
                            textColor: 'white', 
                            allDayDefault: false
                        }...

我该怎么做，在哪里访问页面，选择制作，只显示与所选人物相关的事件?

Answer 1

您可以使用像这样的Javascript更改函数从选择中获取值，并重定向到分配给$_GET['doctor']的医生id的页面。

$("#doctor").change(function() {
    doctorID = $(this).find(":selected").val();
    var url = window.location.href.split("?")[0];
    url += "?doctor=" + doctorID; 
    window.location.href = url;
}); 

然后在你的页面上，你可以做一个值检查(我不知道jsp，所以我只能在php中显示示例)，如果你的值设置，你可以回显它到你的页面Javascript。

if(isset($_GET['doctor'])) {
    echo "var doctorID = " . $_POST['doctor'] . ";";
}

然后在你的日历中，你可以得到这个id，并将它添加到你的事件url中，以包含在你的查询中。

events: {
        url: "events.php?doctorID=" + doctorID
}

Answer 2

早上好，我改了代码。我只需要处理这一行:

events: '/agenda.json?cod=' + doctorID,

这一行在$ ( '# calendar " ) . FullCalendar ( { ...

当我把"1"放在手里时，它工作得很好:

events: '/agenda.json?cod=' + 1,

所以我想知道如何使用下面的select on change设置变量:

<select class="form-control" id="doctor"><option value="0">Selecione</option> <option value="1">Peter</option><option value="2">Antonio</option></select> 

我试过了，但是无法传递变量:

$("#doctor").change(function() {
doctorID = $(this).find(":selected").val();    

});

当我在:$('#calendar').fullCalendar({...