kui-vue/components/datePicker/demo/mode.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 年/月/日/时间
使用 `mode` 属性，可以自定义日期显示类型，提供 `year` `month` `date` `time` `dateRange` `dateTimeRange`。
</cn>

```vue
<template>
  <div> 
    <DatePicker mode='year' placeholder="请选择年份" />
    <br />
    <DatePicker mode='month' placeholder="请选择月份" />
    <br />
    <DatePicker />
    <br />
    <DatePicker mode="time" placeholder="请选择时间" />
    <br />
    <DatePicker placeholder="请选择时间" mode="dateTime" />
    <br />
    <DatePicker :placeholder="['Start Date','End Date']" mode="dateRange"/>
    <br />
    <DatePicker :placeholder="['Start Time','End Time']" mode="dateTimeRange" />
  </div>
</template>
```