Question

有人可以告诉我为什么日历不会显示在模态中吗？但是没有模态他们确实表现得很好。首先看它的工作原理：Fiddle 请参阅此处：Fiddle

我认为我需要使用fullCalendar('render');，但即使这样，代码似乎也无法在click函数中使用。请协助。

Answer 1

如果其父母的任何一方有output = FOREACH input_data GENERATE $0, ($1 IS NULL ? 'N.txt' : $1) AS output_file_name, $2..;，那么看起来fullCalendar不会呈现。 The render method you referenced只是您需要使用的内容，但您需要在显示模型后。

或者，您可以尝试使用display: none;离开模型，但在屏幕外放置display: block;等等，直到您希望它可见。

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)
    });
}

为什么fullcalendar不会在模态内部渲染但不会

2 个答案: