simple-vue-calendar-uv

simple-vue-calendar

package made by uri983 for vue projects

Install

npm install simple-vue-calendar-uv

Register

import Vue from 'vue'
import vuCalendar from 'simple-vue-calendar-uv'

Vue.use(vuCalendar)

Usage

    <vuCalendar 
    v-model="date" 
    @onSelect="selectDate" 
    >
    </vuCalendar>

Setup

Parameters

Parameter	Type	Default	Description
v-model (required)	String	Current date	String Date in format YYYY-MM-DD.
events	Array	-	Array whith all events, attribute Date is Required. Exmpl. [{Date:'2020-02-03',...}]
eventsName	String	'Events'	name that is showed as item.

Events

Component emits the input event to work with v-model.

Also. component emit the following events:

onSelect

    <vuCalendar 
    @onSelect="selectDate" 
    </vuCalendar>

return string date in format YYYY-MM-DD

selectDate(selectedDate){
    let date = moment(selectedDate);
},

onChangeMonth

    <vuCalendar 
    @onChangeMonth="changeMonth"
    </vuCalendar>

return number of month,string first date in format YYYY-MM-DD ,String last date in format YYYY-MM-DD

changeMonth(month,start,end){
         this.startMonthDate = start;
         this.endMonthDate = end;
},