Question

我正在尝试让用户点击我在Bootstrap 3上使用的切换按钮时打开fullCalendar。如果在加载页面时按钮默认打开但是我希望日历在关闭时日历工作正常页面加载，我无法从默认的关闭状态打开日历。我已经组成了一个jsfiddle here

这是html。

<div class="container">  
    <br />
    <input type="button" class="btn btn-primary" data-toggle="collapse" 
        data-target="#toggleDemo" value="Calendar" />
    <!-- Collapsible Element HTML -->
    <div id="toggleDemo" class="collapse collapse in">
        <div id='calendar'></div>
    </div>
    <br />

这是Javascript

$(document).ready(function() {

// page is now ready, initialize the calendar...

$('#calendar').fullCalendar({
    // put your options and callbacks here
})

});

我希望有人可以解决我的问题。非常感谢。

JS

Answer 1

HTML：

<div class="container">  
   <input type="button" class="btn btn-primary" data-toggle="collapse" data-target="#toggleDemo" value="Calendar">

<!-- Collapsible Element HTML -->
<div id="toggleDemo" class="collapse collapse">
    <div id="calendar">

    </div>   
</div>

使用Javascript：

$(document).ready(function() {

    // page is now ready, initialize the calendar...
    $('#calendar').fullCalendar({
    })

    $('#toggleDemo').on('shown.bs.collapse', function () {
        $('#calendar').fullCalendar('today');
    });


});

请参阅http://jsfiddle.net/GB8DF/

FullTalendar不会在Bootstrap 3中崩溃

1 个答案: