# UCalendar 日历 - [示例](#示例) - [基本用法](#基本用法) - [周选择组件](#周选择组件) - [月选择组件](#月选择组件) - [季选择组件](#季选择组件) - [年选择组件](#年选择组件) - [只读和禁用](#只读和禁用) - [最大值最小值](#最大值最小值) - [增加展示年份](#增加展示年份) - [日期范围选择](#日期范围选择) - [周范围选择](#周范围选择) - [月份范围选择](#月份范围选择) - [季度范围选择](#季度范围选择) - [年度范围选择](#年度范围选择) - [API]() - [Props/Attrs](#propsattrs) - [Slots](#slots) - [Events](#events) ## 示例 ### 基本用法 ``` html ``` ### 周选择组件 ``` html ``` ### 月选择组件 ``` html ``` ### 季选择组件 ``` html ``` ### 年选择组件 ``` html ``` ### 只读和禁用 ``` html ``` ### 最大值最小值 ``` html ``` ### 增加展示年份 往前往后展示5年 ``` html ``` ### 日期范围选择 ``` html ``` ### 周范围选择 ``` html ``` ### 月份范围选择 ``` html ``` ### 季度范围选择 ``` html ``` ### 年度范围选择 ``` html ``` ## API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | date.sync, v-model | Date \| string | | `'TODAY'` | 当前选择的日期 | | min-date | Date \| string | | | 最小日期，如果为空则不限制 | | max-date | Date \| string | | | 最大日期，如果为空则不限制 | | year-diff | string \| number | | `20` | 当前年份往前展示的年数，例：当前为`2018`年，则从`2015`年开始展示 | | year-add | string \| number | | `4` | 当前年份往后展示的年数，例：当前为`2018`年，则展示至`2019`年 | | readonly | boolean | | `false` | 是否只读 | | disabled | boolean | | `false` | 是否禁用 | ### Slots #### (default) 插入文本或 HTML 至日期组件底部 ### Events #### @change 日期改变时触发 | Param | Type | Description | | ----- | ---- | ----------- | | date | object | 改变后的日期 | #### @select 选择某一个日期时触发 | Param | Type | Description | | ----- | ---- | ----------- | | date | object | 当前选择的日期 |