Javascript fullCalendar-首次加载时未应用属性

我已经开始查看fullCalendar包，但在第一次加载时看到一些不寻常的行为

我的设置如下：

<div id='calendar'></div>

<script>
        // Create FullCalendar Object
        $j('#calendar').fullCalendar({
            height: 650,
            nowIndicator: true,
            defaultView: 'agendaWeek',
            columnHeaderFormat: 'ddd D MMM',
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            businessHours: businessHours,
            selectable: true,
            select: function (startDate, endDate) {
                AddWorkHours(startDate, endDate);
            }
        });

</script>

但是，当我第一次启动日历时，它显示如下：

<div id='calendar'></div>

<script>
        // Create FullCalendar Object
        $j('#calendar').fullCalendar({
            height: 650,
            nowIndicator: true,
            defaultView: 'agendaWeek',
            columnHeaderFormat: 'ddd D MMM',
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            businessHours: businessHours,
            selectable: true,
            select: function (startDate, endDate) {
                AddWorkHours(startDate, endDate);
            }
        });

</script>

如果某些属性似乎未完全实现：

高度似乎被忽视了。 现在指示器可见，但在当天的第一个时刻被卡住。 营业时间似乎全天只显示，没有显示任何时间。 其余的财产似乎已被收回。 然而，奇怪的是，如果我导航到前一周或FullCalendar中的任何其他位置，它将正确呈现如下所示：

<div id='calendar'></div>

<script>
        // Create FullCalendar Object
        $j('#calendar').fullCalendar({
            height: 650,
            nowIndicator: true,
            defaultView: 'agendaWeek',
            columnHeaderFormat: 'ddd D MMM',
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            businessHours: businessHours,
            selectable: true,
            select: function (startDate, endDate) {
                AddWorkHours(startDate, endDate);
            }
        });

</script>

---

有没有其他人经历过这种行为，或者对从哪里开始寻找有什么建议。我正试图在一个相当大的系统上实现这一点，但我非常确定我在fullCalendar.js文件之前加载了所有JQuery。

在fullCalendar.js之前加载了矩.js吗？ 并检查版本是否兼容

您拥有的代码片段工作正常，我需要查看businessHours var和AddWorkHours函数以确认一切正常

如果您查看下面的示例，您将看到突出显示的区域周一到周五从上午10点到下午6点，这是示例中的营业时间

jQuerydocument.readyfunction${ var营业时间={ //一周中的几天。一组以零为基础的周中几天整数0=星期日 道琼斯指数：[1,2,3,4,5]，//周一至周五 start:'10:00'，//本例中的开始时间为上午10点 end:'18:00'，//本例中的结束时间为下午6点 }; $“日历”。完整日历{ 身高：666， 是的， defaultView:'agendaWeek'， 列标题为：“ddd MMM”， 标题：{ 左：“上一个，下一个今天”， 中心：'标题'， 右图：“月，agendaWeek，agendaDay” }, 营业时间：营业时间， 是的， 选择：函数开始日期、结束日期{ AddWorkHoursstartDate，endDate； } }; 函数AddWorkHoursstartDate、endDate{ 警报“选定的开始时间为：”+开始日期； 警报“所选结束时间为：”+结束日期； } };

---

阿里，谢谢你的回复。只是一些回应。。。如果我取消工作时间&对我的职能部门的电话，我仍然会遇到同样的问题，因此我相信他们不会对问题产生影响。据我所见，我已经加载了fullCalendar.js文件之前的JQuery和矩。我正在尝试在部分MVC视图中进行渲染，所以我想知道这是否与任何事情有关？我正在使用的版本已经安装在我正在工作的项目上：JQuery:2.0.3&Moment:2.9.0-这可能是一个问题，但我在任何地方都没有看到兼容性图表？另外，奇怪的是，一旦我导航，它似乎都会启动-好像它正在发出重新渲染或其他什么？您是否正在显示和隐藏动态日历，就像是在标签或弹出窗口中？？我不是，不是。。。它只是放在一个局部视图上：o/尝试在load$window.loadfunction{$'calendar.fullCalendar'render'；}上运行这个函数；您是否有日历所在的部门，以任何形式延迟披露？我有一个类似的问题，并已缩小到这一点。