deali-month-picker
deali-month-picker
dealicious 를 위한 컴포넌트
Supports Vue 2.x
Test Version is 0.1.x
Imgs
Hover
Click
##Usage
props:{
minDate: {
type: Date
},
maxDate: {
type: Date
},
checkedDate: {
type: Date,
},
}
minDate, maxDate 값은 : Date 객체
<template>
<div>
<deali-month
:minDate="minDate"
:maxDate="nowDate"
:checkedDate="checkedDate"
@clickDate="getDate">
</deali-month>
</div>
</template>
<script>
import dealiMonth from 'deali-month-picker';
export default {
components:{
dealiMonth
},
data(){
return{
minDate: new Date('2019-1'),
nowDate : new Date(),
checkedDate: new Date(),
}
},
methods:{
getDate(payload){
console.log(payload);
}
}
}
</script>
Dependencies
Dependencies
@vue/cli-plugin-babel: ^4.0.0@vue/cli-plugin-eslint: ^4.0.0@vue/cli-service: ^4.0.0babel-eslint: ^10.0.3eslint: ^5.16.0eslint-plugin-vue: ^5.0.0serialize-javascript: ^3.1.0uglifyjs-webpack-plugin: ^2.2.0vue-loader: ^14.2.4vue-template-compiler: ^2.6.10webpack: ^4.41.2webpack-cli: ^3.3.10webpack-merge: ^4.2.2