日历 Calendar

对应 Arco Calendar 的月视图，选中日期以主色圆形标识。 属性用法见 Element Plus 文档。

月视图

点击日期修改选中值，通过表头按钮切换月份。

2026 October

Sun	Mon	Tue	Wed	Thu	Fri	Sat
27	28	29	30	1	2	3
4	5	6	7	8	9	10
11	12	13	14	15	16	17
18	19	20	21	22	23	24
25	26	27	28	29	30	31

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(new Date(2026, 9, 15))
</script>

<template>
  <el-calendar v-model="value" style="width: 100%" />
</template>

与 Arco 的差异

• 根据月份显示五行或六行日期，Arco 固定显示六行。
• 表头保留 Element Plus 按钮组，日期文字由默认英文语言包提供。