---
title: Calendar 日历
description: 按照日历形式展示数据或日期的容器。
isComponent: true
usage: true
spline: message
author: { code: "swimly", doc: "swimly" }
---

## 基本用法

通过`theme`属性可控制日历组件的展现形式，可选：`full`，`card`，当为`full`模式的时候，其宽高可由外层元素来进行控制。

{{ base }}

## 日历维度

通过`mode`可设置日历展示的精细度，可选`year`，`month`。

{{ mode }}

## 周的开始

通过`firstDayOfWeek`可设置一周开始的第一天是周几。

{{ firstDayOfWeek }}

## 自动填充日期

通过`fillWithZero`可设置当日期小于 10 的时候自动填充 0。

{{ fillWithZero }}
