封装elementui el-date-picker年份组件
Vue.component('mydatepicker', {
props: {
datatime: {
type: String,
default: '2021'
},
timetype:{
type: String,
default: 'month'
},
valueformat: {
type: String,
default: 'yyyy-M'
},
placeholder: {
type: String,
default: '请选择'
}
},
template: `<el-date-picker @change="changepicker" :value-format="valueformat" class="datepicker" v-model="time"
:type="timetype"
:placeholder="placeholder">
</el-date-picker>`,
data() {
return {
time:this.datatime
}
},
mounted() {
},
methods: {
changepicker(val) {
console.log("时间组件changepicker", val)
this.$emit('changepicker', val)
}
}
})