customize.vue 328 B

12345678910111213141516
  1. <template>
  2. <el-calendar>
  3. <template #date-cell="{ data }">
  4. <p :class="data.isSelected ? 'is-selected' : ''">
  5. {{ data.day.split('-').slice(1).join('-') }}
  6. {{ data.isSelected ? '✔️' : '' }}
  7. </p>
  8. </template>
  9. </el-calendar>
  10. </template>
  11. <style>
  12. .is-selected {
  13. color: #1989fa;
  14. }
  15. </style>