vue3+ant-design-vue
<template>
<div class="todo-wrap">
<div class="todo-content">
<div class="main" v-if="isShowForm">
<div class="main-top">
</div>
<div class="main-bottom">
<div class="operation">
<a-range-picker v-model:value="selectDate" @change="changeDate" separator="至" format="YYYY-MM-DD"
value-format="YYYY-MM-DD" />
<a-button class="color" @click="currMonth">本月</a-button>
<a-button class="color" @click="preMonth">上月</a-button>
<a-button class="color" @click="quarter">本季</a-button>
<a-button class="color" @click="preQuarter">上季</a-button>
<a-button class="color" @click="currYear">今年</a-button>
<a-button class="color" @click="preYear">去年</a-button>
</div>
</div>
</div>
</div&g