CODEWITHSUNDEEP
javascriptjqueryangularjsfullcalendarfullcalendar-scheduler
Hemanth
Hemanth

Reputation: 13

how to view full calendar using index file?

Following is the code that I am used to display full calendar view. But it is not working.

<html>
<head>
    <link href="fullcalendar.css" rel="stylesheet" />
    <link href="scheduler.css" rel="stylesheet" />
    <script src="moment.js"></script>
    <script src="jquery.js"></script>
    <script src="fullcalendar.js"></script>
    <script src="scheduler.js"></script>
</head>
<body>
    <div id="calendar"></div>
</body>
</html>

Upvotes: 1

Views: 665

Answers (1)

Bram
Bram

Reputation: 283

You have to init fullcalendar in a script tag on the end of the body using

<script>
$(document).ready(function() {
    // page is now ready, initialize the calendar...

    $('#calendar').fullCalendar({
        // put your options and callbacks here
    })

});
</script>

Also, are you sure the script and stylesheet files are on the same directory of your page?

You can find documentation on FullCalendar Docs

Upvotes: 1

Related Questions