CODEWITHSUNDEEP
vue.jsfullcalendar
Gordon Copestake
Gordon Copestake

Reputation: 1647

Fullcalendar with Vue without CLI

I have a small Vue project that isn't in a build environment that is just a bunch of JS files and uses Vue from the CDN

I would like to use FullCalendar in my Vue project and ideally use the official FullCalendar Vue component, but this only seems to be available for projects using the CLI build environment.

Is there a Vue component available for non-build projects that I could use that still implements the normal <FullCalendar /> tag?

Upvotes: 0

Views: 700

Answers (1)

Daniil Loban
Daniil Loban

Reputation: 4381

About CDN see

new Vue({
  el: '#app',
  mounted() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'dayGridMonth'
    });
    calendar.render();
  }    
})
<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
    <link href='https://cdn.jsdelivr.net/npm/[email protected]/main.min.css' rel='stylesheet' />
    <script src='https://cdn.jsdelivr.net/npm/[email protected]/main.min.js'></script>
  </head>
  <body>
  <div id="app">
    <div id='calendar'></div>
  </div>
  </body>
</html>

Upvotes: 1

Related Questions