v-calendar-scheduler/docs/.vuepress/dist/assets/js/7.529a46be.js

Calendar scheduler component for VueJs

(window.webpackJsonp=window.webpackJsonp||[]).push([[7],{208:function(t,a,n){"use strict";n.r(a);var s=n(1),e=Object(s.a)({},function(){this.$createElement;this._self._c;return this._m(0)},[function(){var t=this,a=t.$createElement,n=t._self._c||a;return n("div",{staticClass:"content"},[n("h1",{attrs:{id:"callbacks"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#callbacks","aria-hidden":"true"}},[t._v("#")]),t._v(" Callbacks")]),n("p",[t._v("Each calendar instance has a few callbacks you can hook onto:")]),n("pre",{pre:!0,attrs:{class:"language-vue"}},[n("code",[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("template")]),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("vue-scheduler")]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@month-changed")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("monthChanged"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@week-changed")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("weekChanged"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@day-changed")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("dayChanged"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@view-changed")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("viewChanged"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        \n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@day-clicked")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("dayClicked"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@time-clicked")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("timeClicked"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        \n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@event-clicked")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("eventClicked"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n        "),n("span",{attrs:{class:"token attr-name"}},[t._v("@event-created")]),n("span",{attrs:{class:"token attr-value"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("=")]),n("span",{attrs:{class:"token punctuation"}},[t._v('"')]),t._v("eventCreated"),n("span",{attrs:{class:"token punctuation"}},[t._v('"')])]),t._v("\n    "),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n    "),n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("vue-scheduler")]),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("template")]),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n"),n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("<")]),t._v("script")]),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),n("span",{attrs:{class:"token script language-javascript"}},[t._v("\n    "),n("span",{attrs:{class:"token keyword"}},[t._v("export")]),t._v(" "),n("span",{attrs:{class:"token keyword"}},[t._v("default")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n        methods"),n("span",{attrs:{class:"token punctuation"}},[t._v(":")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("monthChanged")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Month Changed'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("weekChanged")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Week Changed'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("dayChanged")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Day Changed'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newDate"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("viewChanged")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newView"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'View Changed'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("newView"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("dayClicked")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("date"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Day clicked'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("date"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("getDate")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("timeClicked")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("dateWithTime"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Time clicked'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Date: '")]),t._v(" "),n("span",{attrs:{class:"token operator"}},[t._v("+")]),t._v(" dateWithTime"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),t._v("date "),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Time: '")]),t._v(" "),n("span",{attrs:{class:"token operator"}},[t._v("+")]),t._v(" dateWithTime"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),t._v("time "),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("eventClicked")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Event clicked'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n          "),n("span",{attrs:{class:"token function"}},[t._v("eventCreated")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),t._v(" "),n("span",{attrs:{class:"token punctuation"}},[t._v("{")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),n("span",{attrs:{class:"token string"}},[t._v("'Event created'")]),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n            console"),n("span",{attrs:{class:"token punctuation"}},[t._v(".")]),n("span",{attrs:{class:"token function"}},[t._v("log")]),n("span",{attrs:{class:"token punctuation"}},[t._v("(")]),t._v("event"),n("span",{attrs:{class:"token punctuation"}},[t._v(")")]),n("span",{attrs:{class:"token punctuation"}},[t._v(";")]),t._v("\n          "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),n("span",{attrs:{class:"token punctuation"}},[t._v(",")]),t._v("\n        "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n    "),n("span",{attrs:{class:"token punctuation"}},[t._v("}")]),t._v("\n")]),n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token tag"}},[n("span",{attrs:{class:"token punctuation"}},[t._v("</")]),t._v("script")]),n("span",{attrs:{class:"token punctuation"}},[t._v(">")])]),t._v("\n")])]),n("h2",{attrs:{id:"view-callbacks"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#view-callbacks","aria-hidden":"true"}},[t._v("#")]),t._v(" View callbacks")]),n("table",[n("thead",[n("tr",[n("th",[t._v("Callback")]),n("th",[t._v("Description")]),n("th",[t._v("Payload")])])]),n("tbody",[n("tr",[n("td",[t._v("month-changed")]),n("td",[t._v("Emitted when the user goes from one month to another on the "),n("code",[t._v("month")]),t._v(" view.")]),n("td",[n("code",[t._v("Date")]),t._v(" object")])]),n("tr",[n("td",[t._v("week-changed")]),n("td",[t._v("Emitted when the user goes from one week to another on the "),n("code",[t._v("week")]),t._v(" view.")]),n("td",[n("code",[t._v("Date")]),t._v(" object")])]),n("tr",[n("td",[t._v("day-changed")]),n("td",[t._v("Emitted when the user goes from one day to another on the "),n("code",[t._v("day")]),t._v(" view.")]),n("td",[n("code",[t._v("Date")]),t._v(" object")])]),n("tr",[n("td",[t._v("view-changed")]),n("td",[t._v("Emitted when the user switches views.")]),n("td",[t._v("View name ("),n("code",[t._v("month")]),t._v(", "),n("code",[t._v("week")]),t._v(", "),n("code",[t._v("day")]),t._v(")")])])])]),n("h2",{attrs:{id:"day-time-callbacks"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#day-time-callbacks","aria-hidden":"true"}},[t._v("#")]),t._v(" Day/Time callbacks")]),n("table",[n("thead",[n("tr",[n("th",[t._v("Callback")]),n("th",[t._v("Description")]),n("th",[t._v("Payload")])])]),n("tbody",[n("tr",[n("td",[t._v("day-clicked")]),n("td",[t._v("Emitted when the user on a day on the "),n("code",[t._v("month")]),t._v(" view.")]),n("td",[n("code",[t._v("Date")]),t._v(" object")])]),n("tr",[n("td",[t._v("time-clicked")]),n("td",[t._v("Emitted when the user on a time on the "),n("code",[t._v("week")]),t._v(" and "),n("code",[t._v("day")]),t._v(" views.")]),n("td",[n("code",[t._v("Object")]),t._v(" containing "),n("code",[t._v("date")]),t._v(" and "),n("code",[t._v("time")])])])])]),n("h2",{attrs:{id:"event-callbacks"}},[n("a",{staticClass:"header-anchor",attrs:{href:"#event-callbacks","aria-hidden":"true"}},[t._v("#")]),t._v(" Event callbacks")]),n("table",[n("thead",[n("tr",[n("th",[t._v("Callback")]),n("th",[t._v("Description")]),n("th",[t._v("Payload")])])]),n("tbody",[n("tr",[n("td",[t._v("event-clicked")]),n("td",[t._v("Emitted when the user clicks on an event on "),n("strong",[t._v("any")]),t._v(" view.")]),n("td",[n("code",[t._v("Event")]),t._v(" object")])]),n("tr",[n("td",[t._v("event-created")]),n("td",[t._v("Emitted when a new event is created using the Event dialog.")]),n("td",[n("code",[t._v("Object")]),t._v(" containing "),n("code",[t._v("date")]),t._v(" and "),n("code",[t._v("time")])])])])]),n("div",{staticClass:"tip custom-block"},[n("p",{staticClass:"custom-block-title"},[t._v("TIP")]),n("p",[t._v("Remember that any event created using the dialog is "),n("strong",[t._v("automatically pushed")]),t._v(" to the "),n("code",[t._v("events")]),t._v(" array. You don't need to do this yourself, the callback is there in case you need to perform more logic with new event.")])])])}],!1,null,null,null);a.default=e.exports}}]);