5.0 KiB
5.0 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 高级 Web 日历组件，完全开源无偿且颜值与功能兼备，足以应对日期相关的各种业务场景。 :::
::: title 基础使用 :::
::: demo
:::
::: title 日期时间 :::
::: demo
:::
::: title 禁止修改 :::
::: demo
:::
::: title 年份选择 :::
::: demo
:::
::: title 月份选择 :::
::: demo
:::
::: title 时间选择 :::
::: demo
:::
::: title 年月选择 :::
::: demo
:::
::: title 一次性选择 :::
::: demo 只需要点击一次后自动关闭，无需点击确认按钮,仅在type等于year、month、date时有效
:::
::: title 范围选择 :::
::: demo
modelValue:{{rangeTime1}}
modelValue:{{rangeTime2}}
modelValue:{{rangeTime3}}
:::
::: title Date Picker 属性 :::
::: table
| 属性 | 描述 | 类型 | 默认值 | 可选值 |
|---|---|---|---|---|
| v-model | 当前时间 | string |
-- | — |
| type | 选择类型 | string |
date |
date datetime year month time yearmonth |
| disabled | 是否禁止修改 | boolean |
false | — |
| simple | 一次性选择，无需点击确认按钮 | boolean |
false | — |
| readonly | 只读 | boolean |
false | — |
| allowClear | 允许清空 | boolean |
true | — |
| size | 尺寸 | string |
lg md sm xs |
md |
:::
::: contributor datePicker :::
::: previousNext datePicker :::