essential-com
Version:
### 介绍 ---
47 lines (39 loc) • 1.66 kB
Markdown
<!-- 加载 demo 组件 start -->
<script setup>
import demo from './demo.vue'
import demo2 from './demo2.vue'
import demo3 from './demo3.vue'
</script>
<!-- 加载 demo 组件 end -->
<!-- 正文开始 -->
# DateTimePicker组件
### 日期和时间点
<Preview comp-name="DateTimePicker" demo-name="demo">
<demo />
</Preview>
### 日期和时间范围
<Preview comp-name="DateTimePicker" demo-name="demo2">
<demo2 />
</Preview>
### 开始日期和结束日期的默认值
<Preview comp-name="DateTimePicker" demo-name="demo3">
<demo3 />
</Preview>
### 属性
参数 | 说明 | 类型 | 可选值 | 默认值 | 是否必填
:-: | :-: | :-: | :-: | :-: | :-:
`readonly` | 只读 | boolean | - | `false` | 否
`disabled` | 禁用 | boolean | - | `false` | 否
`editable` | 文本框可输入 | boolean | - | ` true` | 否
`clearable` | 是否显示清除按钮 | boolean | - | `true` | 否
`size` | 输入框尺寸 | string | large/medium/small/mini | `large` | 否
`placeholder` | 非范围选择时的占位内容 | string | - | `-` | 否
`start-placeholder` | 范围选择时开始日期的占位内容 | string | - | `-` | 否
`end-placeholder` | 范围选择时结束日期的占位内容 | string | - | `-` | 否
`type` | 显示类型 | string | year/month/date/datetime/ week/datetimerange/daterange | `date` | 否
`format` | 显示在输入框中的格式 | string | see date formats | `YYYY-MM-DD HH:mm:ss` | 否
### 事件
事件名 | 说明 | 参数列表 | 参数说明
:-: | :-: | :-: | :-:
`click` | 点击事件 | $event | 原生的 dom event
`customEvent` | 自定义事件 | [a, b, c] | a:参数一;b:参数二;c:参数三