
#  Datepicker 日期
---
### 基础用法 选择年月日

<div class="demo-block">
  <y-date-picker format="YYYY-MM-DD"></y-date-picker>
</div>


::: demo

``` html
<template>
  <div class="demo-block">
    <y-date-picker format="YYYY-MM-DD"></y-date-picker>
  </div>
</template>

```
:::



### 时分秒用法  
  
<div class="demo-block">
  <y-date-picker format="YYYY-MM-DD HH:mm:ss"></y-date-picker>
</div>

::: demo

```html
<template>
  <y-date-picker format="YYYY-MM-DD HH:mm:ss"></y-date-picker>
</template>

```
:::

### 禁止用法  
通过添加```disabled```禁用状态 
<div class="demo-block">
  <y-date-picker disabled format="YYYY-MM-DD HH:mm:ss"></y-date-picker>
</div>

::: demo

```html
<template>
  <y-date-picker disabled format="YYYY-MM-DD HH:mm:ss"></y-date-picker>
</template>

```
:::


### y-date-picker 属性说明
| 属性      | 说明     | 类型      | 可选值        | 默认值   |
|---------- |--------  |---------- |-------------  |-------- |
| value|默认时间值|BDate, Array, String|--|--| 
| disabled  | 是否禁用 | boolean   |    true/false    | false   |
| placeholder  | 提示语 | String  |  -- |  --  |
|format|时间格式化，支持YYYY-MM-DD HH:mm:ss | String  |  -- | YYYY-MM-DD  |
| change  | 默认值改变之后的回调，返回当前选择的时间，字符串| Function  |  -- |  --  |


