1

私は FullCalendar を使用しており、カレンダーの特定のイベントを非表示にするためにユーザーがチェックを外すことができるチェックボックスを使用して、その横にメニューを作成したいと考えています。これは私が持っているものですが、機能しません。私がやろうとしているのは、ユーザーが「イベント」チェックボックスをオフにすると、「イベント」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>
4

0 に答える 0