package made by uri983 for vue projects
npm install simple-vue-calendar-uv
import Vue from 'vue'
import vuCalendar from 'simple-vue-calendar-uv'
Vue.use(vuCalendar)
<vuCalendar
v-model="date"
@onSelect="selectDate"
>
</vuCalendar>
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. |
Component emits the input
event to work with v-model
.
Also. component emit the following events:
<vuCalendar
@onSelect="selectDate"
</vuCalendar>
return string date in format YYYY-MM-DD
selectDate(selectedDate){
let date = moment(selectedDate);
},
<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;
},