页面加载时日历是黑色的，但如果我点击第二天就可以工作

Posted 2023-03-30

【中文标题】页面加载时日历是黑色的，但如果我点击第二天就可以工作

【英文标题】：The calendar is black on pageload but works of i click the next day

【发布时间】：2011-02-09 10:14:11

【问题描述】：

我有一个完整的日历，它加载到网页的 div 中。当页面加载时，它有所有的按钮，但没有显示日期的网格，它只是没有空间。

但是，如果我单击下一个/上一个或任何按钮，日历将正确显示。

我今天尝试特别加载：

$('#userboxCalendar').fullCalendar('today');

但它不起作用:(有什么想法吗？

【参考方案1】：

您的 javascript 在 css 脚本之前加载....尝试将您的脚本移动到页面底部并将 css 加载到顶部...或使其内联在页面上....如果您正在使用ajax 加载 div 你可以使用回调完成加载来重新渲染，如此处和上面所述。 http://arshaw.com/fullcalendar/docs/display/render/

我在彩盒中加载了一个...并使用完成加载的彩盒，效果很好...在加载谷歌地图时也有效... map.render 或类似的东西...

【讨论】：

我正在使用彩盒，但我遇到了同样的问题。一旦我重新调整浏览器的大小或单击 FC 按钮它就可以了..你能帮忙..谢谢！

【参考方案2】：

我不能说为什么会发生（可能是由于动态更改 dom 或 css），但您可以强制使用此方法渲染日历：

http://arshaw.com/fullcalendar/docs/display/render/

【讨论】：

我也有同样的问题。如果我只更改窗口的大小，或者单击今天或日历呈现的箭头。我使用了渲染方法，但它没有改变任何东西。你能帮我吗？我该如何解决这个问题！非常感谢。