1.0.4 • Published 4 years ago
simple-vue-calendar-uv v1.0.4
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;
},