1.0.0 • Published 6 years ago
vue2-doublemonth-datepikcer v1.0.0
vue2-doubleMonth-datePicker
easy web double date selector of a vue 2.0 component
install
npm install vue2-doublemonth-datepikcer --save-dev
how to use
template:
<transition name="fade" >
<DatePicker @select="calendar.select" v-show="calendar.show" :start="calendar.start" :beginDate="calendar.begin" :endDate="calendar.end"></DatePicker>
</transition>
script:
//import
import DatePicker from 'vue2-doubleMonth-datePicker'
//define
components:{
DatePicker
},
//set default data
data(){
return{
calendar:{
show:false,
start:'2018-08-01',
begin:'2018-08-02',
end:'2018-08-03',
select:(begin,end)=>{
this.calendar.show=false;
this.calendar.begin=begin;
this.calendar.end=end;
}
},
}
}
props description
start:the calendar's begining date
last:the calendar's last date
beginDate: begin of the select
endDate:end of the select
1.0.0
6 years ago