为什么全日历不呈现在模态内，但没有

Question

有人可以告诉我为什么日历不在模态中显示吗？但是没有模态，它们的表现就很好。首先看到它的工作：小提琴看到它没有的地方：小提琴

我认为我需要使用fullCalendar('render');，但是即使这样，Code似乎也没有在点击功能中工作。请协助。

Answer 1

如果其父母中的任何一个有 display: none;，似乎都不会呈现。您引用的render方法只是您需要使用的方法，但是您需要在显示模型之后仅此操作。

。

另外，您可以尝试使用display: block;将模型留下的东西，但在屏幕上放置（ left: -1000%; right: 1000%;之类的），直到您可以看到它为止。

Answer 2

这是我在模态版本中工作的工作。我怀疑我创建了一个函数，该函数将日历添加到模式中，并在单击"标记度假"按钮时将其调用。

$('#vacaBtn').click(function () {
      modal.style.display = "block";
      renderCalendars();
});

我将所有代码在RenderCalendars（）函数中创建三个日历的所有代码，以便在模态显示后将它们添加到模态中。

function renderCalendars() {
   $('#calendar0').fullCalendar({
    header: {
            left: '',
            center: 'title',
            right: ''
        },
        defaultDate: moment(y+"-"+(m+1)+"-"+d),
      theme: true,
      dayClick: function(date, jsEvent, view) {
        alert('Clicked on: ' + date.format());
    }
    });
    $('#calendar1').fullCalendar({
    header: {
            left: '',
            center: 'title',
            right: ''
        },
        defaultDate: moment(y+"-"+(m+2)+"-"+d),
    theme: true
    });
    $('#calendar2').fullCalendar({
        header: {
            left: '',
            center: 'title',
            right: ''
        },
           theme: true,
        defaultDate: moment(y+"-"+(m+3)+"-"+d)
    });
}