# UCalendarView 日历 - [示例](#示例) - [基本用法](#基本用法) - [数据日历](#数据日历) - [数据日历，reload方法](#数据日历reload方法) - [普通模式](#普通模式) - [最大值最小值](#最大值最小值) - [多选数据可清空](#多选数据可清空) - [API]() - [Props/Attrs](#propsattrs) - [Slots](#slots) - [Events](#events) - [Methods](#methods) **Table** 用于展示大量结构化数据。支持日历结构展示。 ## 示例 ### 基本用法 ```html ``` ### 数据日历 ```vue ``` ### 数据日历，reload方法 ```vue ``` ### 普通模式 ``` html ``` ### 最大值最小值 ``` html ``` ### 多选数据可清空 ```vue ``` ## API ### Props/Attrs | Prop/Attr | Type | Options | Default | Description | | --------- | ---- | ------- | ------- | ----------- | | data-source | Array\ \| Function \| object | | | 展示数据的输入源，可设置为数据集对象或者返回数据集的逻辑 | | data-schema | schema | | | 数据源返回的数据结构的类型，自动识别类型进行展示说明 | | start-key | string | | `'startTime'` | 数据内表示开始时间的字段 | | end-key | string | | `'endTime'` | 数据内表示结束时间的字段 | | value.sync, v-model | Date \| string ｜ number | | `'TODAY'` | 当前选中的日期 | | min-date | Date \| string ｜ number | | | 最小可选的日期值，默认为10年前，日期填写格式为“yyyy-mm-dd” | | max-date | Date \| string ｜ number | | | 最大可选的日期值，默认为9年后，日期填写格式为“yyyy-mm-dd” | | show-week-days | boolean | | `true` | | | show-weeks | boolean | | `false` | | | show-basic | boolean | | `true` | 是否展示顶部左侧的 "<" "今天" ">" 等基础配置功能 | | show-advance | boolean | | `true` | 是否展示顶部右侧的年份、月份选项高级配置 | | first-day-of-week | number | | `1` | 填写数字1~7，分别表示周一~周日 | | multiple | boolean | | `false` | 开启可多选后，可通过ctrl/command+鼠标多选 | ### Slots #### (default) 插入文本或 HTML 至日期组件底部 ### Events #### @select 选择某一个日期时触发 | Param | Type | Description | | ----- | ---- | ----------- | | $event.value | string | YYYY-MM-DD 格式的日期信息 | | $event.oldValue | string | YYYY-MM-DD 格式的日期信息 | | $event.date | number | 当月的日期信息 | | $event.timestamp | number | 时间戳格式日期信息 | | $event.disabled | boolean | 是否禁用 | | $event.week | number | 周数信息 | | $event.Date | object | dayjs 封装过后的日期信息 | #### @change 日期改变时触发 | Param | Type | Description | | ----- | ---- | ----------- | | $event.value | string | YYYY-MM-DD 格式的日期信息 | | $event.oldValue | string | YYYY-MM-DD 格式的日期信息 | | $event.date | number | 当月的日期信息 | | $event.timestamp | number | 时间戳格式日期信息 | | $event.disabled | boolean | 是否禁用 | | $event.week | number | 周数信息 | | $event.Date | object | dayjs 封装过后的日期信息 | #### @before-load 加载前触发 | Param | Type | Description | | ----- | ---- | ----------- | | $event | object | 自定义事件对象 | | $event.preventDefault | Function | 阻止加载流程 | | senderVM | UTableView | 发送事件实例 | #### @load 加载后触发 | Param | Type | Description | | ----- | ---- | ----------- | | $event | null | 无 | | senderVM | UTableView | 发送事件实例 | Methods #### reload() 重新加载 | Param | Type | Default | Description | | ----- | ---- | ------- | ----------- |