<template>
<div class="yearPicker">
<a-date-picker
format="YYYY"
mode="year"
:value="year"
:open="yearOpen"
@openChange="openChange"
@panelChange="panelChange"
/>
</div>
</template>
<script>
import moment from "moment";
export default {
components: { moment },
data() {
return {
yearOpen: false,
year: moment()
};
},
methods: {
openChange(status) {
if (status) {
this.yearOpen= true;
}
},
panelChange(value){
this.year = value;
this.yearOpen= false;
}
}
};
</script>
Ant Design封装年份选择组件
最新推荐文章于 2024-03-01 19:13:21 发布