Skip to content

Latest commit

 

History

History
 
 

bundle

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
examples
examples
 
 
src
src
 
 
.eslintrc.cjs
.eslintrc.cjs
 
 
README.md
README.md
 
 
package.json
package.json
 
 

README.md

FullCalendar Standard Bundle

Easily render a full-sized drag & drop calendar with a combination of standard plugins

This fullcalendar package bundles these plugins:

Usage with CDN or ZIP archive

Load the index.global.min.js file and use the FullCalendar global namespace:

<!DOCTYPE html>
<html>
  <head>
    <script src='https://cdn.jsdelivr.net/npm/fullcalendar/index.global.min.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        const calendarEl = document.getElementById('calendar')
        const calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        })
        calendar.render()
      })

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

Usage with NPM and ES modules

npm install fullcalendar
import { Calendar } from 'fullcalendar'

document.addEventListener('DOMContentLoaded', function() {
  const calendarEl = document.getElementById('calendar')
  const calendar = new Calendar(calendarEl, {
    initialView: 'dayGridMonth'
  })
  calendar.render()
})