Javascript 手风琴里的日历

我想把一个完整的日历放在一个可折叠的手风琴里。由于某种原因，当我打开手风琴时，它只显示日历的顶部，而不显示整个对象。有没有我错过的简单的时刻

jquery

$(document).ready(function() {

    var date = new Date();
    var d = date.getDate();
    var m = date.getMonth();
    var y = date.getFullYear();
    //Load Full Calendar
    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,basicWeek,basicDay'
      },

      editable: true,
      events: [
        {
          title: 'All Day Event',
          start: new Date(y, m, 1)
        },
      {
          title: 'Click for Google',
          start: new Date(y, m, 28),
          end: new Date(y, m, 29),
          url: 'http://google.com/'

        }
      ]
    });
//Accordion
   $(".btn").on( "click", function() {
        $("#toggleDemo").collapse('toggle');
    });

  });

html

在这里

以下是正在运行的演示：

它用手风琴显示全日历。这只是一个即时js版本的问题。包括此版本文件

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js

---

它会起作用的

日历初始化时手风琴是否折叠？如果是这样，它可能无法在隐藏元素上正确创建日历。您可能需要等待日历初始化，直到打开accordion部分，或者至少调用fullCalendar“render”方法（）以强制它在包含它的accordion部分打开时重新绘制自己。试试看是否有帮助。是的，手风琴一开始就倒塌了。我明白了问题所在，日历需要先渲染，所以我将尝试找出如何进行渲染。谢谢。如我所述，首先尝试“render”方法，这将强制fullCalendar绘制（或重新绘制）日历，而无需完全重新初始化它（从而丢失任何状态更改）。是的，我一直在尝试获取$（'#calendar'）。fullCalendar（'render'）；工作，但我认为我可能使用不正确。您是否更改了OP的代码以使其工作？如果是这样的话，请澄清一下，因为这在涉及的大量代码中并不明显。不，我刚刚更改了moment js的版本。尝试建议的版本，它会工作！我做到了，它做到了。这对每个人来说都是很有用的，不是简单的代码转储，谢谢你的编辑。但是…你怎么知道这是关键时刻？OP在问题中没有包含任何脚本引用…我使用的是moment.js 2.1.0版。它现在可以使用2.9.0版，但我也必须使用更新版本的fullcalendar。您可以使用composer或npm来管理所有第三方库的最新版本

https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment.min.js