Home/ Questions/Q 9226543
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T04:51:26+00:00

I have a google calendar successfully rendering with fullCalendar, but for some reason I’m

  • 0

I have a google calendar successfully rendering with fullCalendar, but for some reason I’m getting two calendars rendering inside my #trainingCalendar div: one blank one at the top of the page and a second, correct (google calendar linked with clickable events displayed) one below. Here’s the html, even though it’s really simple:

<body>
    <div id="training">  //more stuff will go in this div, but I wanted to keep it as simple as possible for troubleshooting
        <div id="trainingCalendar">
        </div>
    </div> 
    <br class="clearfix" />
    <div id="footer">
        &copy; 2012 darkermarkerproductions.com
    </div>
</body>

…and here’s the page itself: http://www.darkermarkerproductions.com/trainingCalendar.html

What am I missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re running it twice–once near the top of your scriptMain.js, and once near the bottom.
    You need to remove this code:

    $('#trainingCalendar').fullCalendar({
    // your options here
});

    from the bottom of scriptMain.js.

    • 0