vue-google-calendar
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
1 2 3 4 5 6 |
<template> <vue-google-calendar :data="calendarData"/> </template> components: {VueGoogleCalendar} |
props
1 2 3 4 5 6 |
props: { precision: { type: Number, default: 30 }, data: Array, selected: Date } |
data format of prop data: Array
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
data: [ { id: "test-user2e@test-email.ai", 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" } } ] } ] |