| | |
| | | <template #header="{ date }"> |
| | | <div> |
| | | <img :src="caleft" alt="" @click="selectDate('prev-month')" /> |
| | | |
| | | <el-date-picker |
| | | v-model="currentMonth" |
| | | type="month" |
| | |
| | | </el-calendar> |
| | | </div> |
| | | </template> |
| | | |
| | | <script setup> |
| | | import dayjs from 'dayjs'; |
| | | import { ref, watch, onMounted, nextTick } from 'vue'; |
| | |
| | | import ev2 from '@/assets/images/workbench/ev2.svg'; |
| | | import caleft from '@/assets/images/workbench/caleft.png'; |
| | | import caright from '@/assets/images/workbench/caright.png'; |
| | | |
| | | const router = useRouter(); |
| | | const calendar = ref(); |
| | | const events = ref({}); |
| | |
| | | } |
| | | .el-calendar-table .el-calendar-day { |
| | | box-sizing: border-box; |
| | | padding: 0.8rem; |
| | | padding: 0.4rem 0.8rem 0.8rem 0.8rem; |
| | | background: #f5f7fa; |
| | | border-radius: 6px 6px 6px 6px; |
| | | border: 1px solid #efefef; |