1.0.4 • Published 6 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-uvRegister
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;
},