mirror of
https://github.com/PanJiaChen/vue-element-admin.git
synced 2025-08-13 15:15:53 +08:00
37 lines
641 B
Vue
37 lines
641 B
Vue
<template>
|
|
<el-calendar>
|
|
<!-- Use 2.5 slot syntax. If you use Vue 2.6, please use new slot syntax-->
|
|
<template
|
|
slot="dateCell"
|
|
slot-scope="{ date, data }"
|
|
>
|
|
<p :class="data.isSelected ? 'is-selected' : ''">
|
|
{{ data.day.split('-').slice(2).join('-') }} {{ data.isSelected ? '✔️' : '' }}
|
|
</p>
|
|
</template>
|
|
</el-calendar>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Calendar',
|
|
props: {
|
|
metadata: {
|
|
type: Object,
|
|
required: true
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
value: new Date()
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.is-selected {
|
|
color: #1989FA;
|
|
}
|
|
</style>
|