calendar简单应用
<template>
<el-calendar v-model="value" />
</template>
<script lang="ts" setup>
import { ref } from 'vue'
const value = ref(new Date())
</script>
项目需求,非当前的月份不能点击
只需要加上css样式即可
:deep()
.el-calendar-table {
&:not(.is-range) {
td.next {
pointer-events: none;
}
td.prev {
pointer-events: none;
}
}
}