Question

我使用复选框过滤我的事件，并在选中复选框时重新呈现。

我遇到的问题是，在实施此工作代码后，我无法在我的日历中选择一段时间（拖动时间段不再可能）

这是我使用的代码。 HTML复选框：

SELECT titheID, SUM(deposit)
FROM DepositTable
GROUP BY titheID

脚本：

<div class="instructor_selector">
    <div class="col-lg-1">
        <input type="checkbox" name="instructorId" value="AA" checked>AA<br>
    </div>
    <div class="col-lg-1">
        <input type="checkbox" name="instructorId" value="BB" checked>BB<br>
    </div>
    <div class="col-lg-1">
        <input type="checkbox" name="instructorId" value="JJ" checked>JJ<br>
    </div>
</div>

完整日历：

<script>
        $('.instructor_selector').on('change',function(){
            $('#calendar').fullCalendar('rerenderEvents');
        });
</script>

完整的日历会做一个＆＃34; eventRender＆＃34;将鼠标移到日历上时。我想在完整的日历代码中我需要一些额外的条件。因此，我的＆＃34;过滤器＆＃34; -code仅在单击复选框时运行。这段代码的问题在于我无法点击 - 拖动 - 选择完整日历中的句号。

只是为了让事情更清楚： JSBIN：

可以拖动和选择时间段： http://jsbin.com/poboka/4/edit?html,js,output

无法拖动和选择时间周期（使用工作过滤器代码，页面顶部的复选框） http://jsbin.com/poboka/5/edit?html,js,output

Answer 1

我相信您的JavaScript代码应如下所示：

<script>
    $(input[name=instructorId]).on('change',function(){
        $('#calendar').fullCalendar('rerenderEvents');
    });
</script>

当选中或取消选中其中一个复选框时，这将触发您的重新渲染。

使用复选框在完整日历中过滤事件

1 个答案: