5

Hi @hacker,

Here’s the docs:

FullCalendar - JavaScript Event Calendar

I just added an HTML element to the page, with the code below:

<html>
<head>
<meta charset='utf-8' />

  <style>

    html, body {
      margin: 0;
      padding: 0;
      font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
      font-size: 14px;
    }

    #calendar {
      max-width: 1200px;
      margin: 40px auto;
    }

  </style>



  <link href='https://cdn.jsdelivr.net/npm/fullcalendar@5.5.0/main.min.css' rel='stylesheet' />
  <script src='https://cdn.jsdelivr.net/npm/fullcalendar@5.5.0/main.min.js'></script>

  
<script>

  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');

    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth',
      initialDate: 'Current date/time:formatted as 2021-01-08',
      headerToolbar: {
        left: 'prev,next today',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
      },
      events: [
        Search for Events:format as text
      ]
    });

    calendar.render();
  });

</script>

</head>
  <div id='calendar'></div>
</body>

</html>

The formatted text looks like this:

{
title: 'This Item's Event Title',
start: 'This Item's Start Date:formatted as 2021-01-08T17:20:13:559Z'
}

Delimiter is “,” without quotes.