# Calendar Show Data

You can add date events to the calendar by using an AJAX GET request. The response has to return a JSON encoded array of events in a specified format.

Details of an event can be shown with a modal window.

ajax | object { |
| url | string | URL to the JSON date event information.
} | modal | boolean | Use a Bootstap JS modal window. The information will be shown with a click on the day of the event.

Below you can find an example of the JSON data format:

`[ { "date":"1999-12-31", "badge":true, "title":"Tonight", "body":"<p class=\"lead\">Party<\/p><p>Like it's 1999.<\/p>", "footer":"At Paisley Park", "classname":"purple-event" }, { "date":"2000-01-01", ... } ]`

`<!-- show date events with a modal window --> <script type="application/javascript"> $(document).ready(function () { $("#my-calendar").zabuto_calendar({ ajax: { url: "show_data.php", modal: true } }); }); </script>`