Vue.js Google Calendar API Example to Create Events & Holidays in Week Calendar Using Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments




VueJs Week Calendar based on Google Calendar API.


install component


npm i vue-google-calendar


import VueGoogleCalendar from "vue-google-calendar/src/vue-google-calendar"


and use it in your component file

  <vue-google-calendar :data="calendarData"/>

components: {VueGoogleCalendar}


props: {
  precision: { type: Number, default: 30 },
  data: Array,
  selected: Date

data format of prop data: Array

data: [
    id: "",
    summary: "description ....",
    color: "#cd74e6",
    dates: [
        id: "7413lef3g1hip8hvk6tbipkqrq_20200917T140000Z",
        summary: "event name",
        start: { dateTime: "2020-09-17T10:00:00-04:00" },
        end: { dateTime: "2020-09-17T11:00:00-04:00" }

Leave a Reply