1

我正在使用 FullCalendar，我想在其侧面制作一个带有复选框的菜单，用户可以取消选中这些复选框以隐藏日历上的某些事件。这就是我所拥有的，但它不起作用。我想要做的是这样当用户取消选中“事件”复选框时，“事件”事件源被删除。

<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>
4

0 回答 0