The correct way to load the jQuery FullCalendar plugin in a div that is not visible is to first load the plugin and then initialize the calendar in the hidden div with the necessary options. Here's an example:
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/3.10.2/fullcalendar.min.js"></script>
$("#calendar").fullCalendar({
// options here
});
Note that for the calendar to function properly, it may be necessary to set the width and height of the hidden div to a specific value, even if it is not visible. This can be done with CSS:
#calendar {
display: none;
width: 700px;
height: 500px;
}
Please start posting anonymously - your entry will be published after you log in or create a new account. This space is reserved only for answers. If you would like to engage in a discussion, please instead post a comment under the question or an answer that you would like to discuss
Asked: 2021-07-28 11:00:00 +0000
Seen: 14 times
Last updated: Jul 15 '22
The content inside my buttons is not visible on the screen.
What causes peep and pop operations to produce invalid outputs?
What does the message "No tests found" from playwright VSCode mean?
Why does SVG fail to display in Safari, but functions properly in Chrome?
How to use hyperlinks in SharePoint List within Teams?
What is the meaning of the build error message "NoClassDefFoundError: org/apache/xpath/XPathAPI"?
How can the error message "404 Page Not Found" and "H3Error Page not found" be resolved in Nuxt 3?