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;
},