Question

我正在使用FullCalendar，我想在其旁边创建一个菜单，其中包含用户可以取消选中的复选框，以隐藏日历上的某些事件。这就是我所拥有的，但它不起作用。我试图做的就是当用户取消选中＆＃34;事件＆＃34;复选框＆＃34;事件＆＃34; eventSource已删除。

<head>
<script type='text/javascript'>
    $(document).ready(function() {
    $('#calendar').fullCalendar({
        eventSources: [
        {
            url: "my url",
            editable: true,
            id: "events",
        }
                    ]
    }); 
});
</script>
</head>

<body>
<div id="menu">
    <form name="display">
        <input type="checkbox" name="cal_type" id="events" checked>Events</p>
        <input type="checkbox" name="cal_type" id="rto" checked>Vacations and time-off</p>
        <input type="checkbox" name="cal_type" id="goals" checked>Goals</p>
    </form>

        <script type="text/javascript">
            if ($('events').is(':unchecked')) {
                $('#calendar').fullCalendar( 'removeEventSource', "my url" )
            }
        </script>

</div>

如何使用复选框运行FullCalendar方法？

0 个答案: