# Initializing with Options

> FullCalendar v3 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v3/initialization
>
> Latest version (v7): https://fullcalendar.io/docs/vanilla-js.md#via-script-tags

Once you have FullCalendar and its dependencies [loaded onto the page](https://legacy.fullcalendar.io/v3/installation.md), you can write JS code that initializes a calendar. This code must be executed *after* the page has initialized. The best way to do this is with jQuery's `$(document).ready` like so:

```js
$(function() {

  // page is now ready, initialize the calendar...

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

});
```

The above code should be in a `<script>` tag in the head of your page. The code
relies on there being an element with an id of "calendar" in the body of your page.
The calendar will be placed *inside* this div:

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

An that's it, you should see a month-based calendar that has no events on it. If you want to learn how to display events, visit the [Google Calendar](https://legacy.fullcalendar.io/v3/google-calendar.md) or [Event Data](https://legacy.fullcalendar.io/v3/event-data.md) sections.


## Options

Most of FullCalendar's documentation describes options that affect the look or behavior of the calendar. Options are usually set when the calendar is initialized, like so:

```js
$('#calendar').fullCalendar({
  weekends: false // will hide Saturdays and Sundays
});
```

An important option is [defaultView](https://legacy.fullcalendar.io/v3/defaultView.md), which determines which calendar view is first displayed upon loading your calendar. For a list of all available views, see the "Views" section of the [main docs page](https://legacy.fullcalendar.io/v3).