How do I run .getDate() on a Vue instance of FullCalendar

I'm using the vue implementation of FullCalendar, and I want to get the currently displayed month and year from the calendar instance. This is a Laravel app, so I register the FullCalendar component in app.js and then call it in the relevant Vue component:


import FullCalendar from '@fullcalendar/vue';
Vue.component('full-calendar', FullCalendar);
const app = new Vue({
    el: '#app',

    router: new VueRouter(routes),



        <full-calendar class="mt-2"


Now, I'm trying to call the getDate() method on this instance, so I tried the following in a Vue method:

 methods: {

    getSelectedMonth() {

I also tried this.$, but it's obvious to me I'm referencing it wrong. How can I reference the calendar instance so that I can still call the FullCalendar methods on it? Or is there another way to do this via Vue bindings?

The error I keep getting is:

app.js:82407 [Vue warn]: Error in v-on handler: "TypeError: this.$ is not a function"

1 answer

  • answered 2020-05-22 12:55 Cornel Verster

    Found it, you just need to call the getApi() method to access the full Api.

    methods: {
        getSelectedMonth() {
          let calendarApi = this.$;