# ClDatetime Datetime

> 日期时间选择器，支持日期和时间的选择

- **标签名**: `<cl-datetime>`
- **引入**: `import { ClDatetime } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| value | `String` | `` | 否 |  |
| className | `String` | `` | 否 |  |
| placeholder | `String` | `` | 否 |  |
| disabled | `Boolean` | `false` | 否 |  |
| theme | `String` | `'default'` | 否 |  |
| layerType | `String` | `'days'` | 否 |  |
| timeType | `String` | `'date'` | 否 |  |
| format | `String` | `` | 否 |  |
| formatEnd | `String` | `` | 否 |  |
| direction | `String` | `'left'` | 否 |  |
| minDate | `String` | `` | 否 |  |
| maxDate | `String` | `` | 否 |  |
| isClear | `Boolean` | `false` | 否 |  |
| rangeQuick | `Array` | `() => []` | 否 |  |
| isDropdown | `Boolean` | `true` | 否 |  |
| checkCallback | `Function` | `` | 否 |  |
| themeStyle | `String` | `'default'` | 否 |  |
| arrowDirection | `String` | `'right'` | 否 |  |
| isUseDropdownArrow | `Boolean` | `true` | 否 |  |

## Events

| 事件名 | 说明 |
|--------|------|
| update:value |  |
| onChange | 值改变事件 |
| onInit | 初始化完成事件 |

## 方法

| 方法 | 说明 |
|------|------|
| getValue() | 获取当前值 |
| getValueData() | 获取当前值对应的数据对象 |
| setValue() | 设置值 |

## 基础用法

```vue
<cl-datetime></cl-datetime>
```
